:root{color:#352f27;font-synthesis:none;text-rendering:optimizelegibility;--ink:#352f27;--ink-soft:#716758;--paper:#f3e8d3;--paper-light:#fffaf0;--paper-shadow:#cabba0;--red:#d85f48;--yellow:#efc56d;--blue:#607a98;--green:#76977d;--pink:#efbcb3;--lavender:#cbbfe8;--border:2px solid var(--ink);--sketch-shadow:4px 5px 0 var(--ink);--radius-wobbly:15px 11px 17px 10px;background:#e9dcc5;font-family:LXGW WenKai,STKaiti,KaiTi,Georgia,serif}*{box-sizing:border-box}html{background:#e9dcc5;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button{cursor:pointer}.paper-surface{background-color:var(--paper);background-image:radial-gradient(circle at 24% 33%,#47362317 0 .7px,#0000 .9px),radial-gradient(circle at 71% 64%,#47362312 0 .6px,#0000 .8px),linear-gradient(#5e472b12 1px,#0000 1px),linear-gradient(90deg,#5e472b12 1px,#0000 1px);background-size:8px 11px,13px 15px,22px 22px,22px 22px}.torn-card{border:var(--border);background:repeating-linear-gradient(0deg, transparent 0 30px, #516f8d21 30px 31px), var(--paper-light);box-shadow:var(--sketch-shadow);clip-path:polygon(1% 0,99% 1%,100% 96%,97% 99%,92% 97%,87% 100%,82% 98%,77% 100%,71% 97%,66% 99%,60% 97%,55% 100%,49% 98%,43% 100%,37% 97%,31% 99%,25% 97%,19% 100%,13% 98%,8% 100%,2% 97%);position:relative}.tape{z-index:2;background:#f0cc7da6;border-left:1px dashed #4d3a1d33;border-right:1px dashed #4d3a1d33;width:96px;height:27px;position:absolute;box-shadow:0 2px 2px #48361f14}.tape--top{top:-13px;left:58%;transform:rotate(3deg)}.coffee-ring{pointer-events:none;border:7px double #77461f2b;border-radius:50%;width:150px;height:150px;position:fixed;bottom:-45px;right:-35px;transform:rotate(-16deg)scaleY(.88)}.sketch-line{z-index:0;pointer-events:none;border-top:2px solid #607a9836;width:220px;position:fixed}.sketch-line--one{top:180px;right:24px;transform:rotate(-24deg)}.sketch-line--two{bottom:110px;right:100px;transform:rotate(52deg)}.corner-doodle{color:var(--red);pointer-events:none;font-family:Comic Sans MS,cursive;font-size:18px;position:fixed;top:104px;right:36px;transform:rotate(8deg)}.app-shell{background-color:var(--paper);background-image:radial-gradient(circle at 24% 33%,#47362317 0 .7px,#0000 .9px),linear-gradient(#5e472b12 1px,#0000 1px),linear-gradient(90deg,#5e472b12 1px,#0000 1px);background-size:8px 11px,22px 22px,22px 22px;min-height:100vh}.side-nav{z-index:10;border-right:var(--border);background:color-mix(in srgb, var(--yellow) 90%, white);flex-direction:column;width:230px;padding:34px 24px 24px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:5px 0 #352f271f}.brand-block{margin-bottom:30px;position:relative;transform:rotate(-1deg)}.brand-block h1{z-index:1;letter-spacing:.04em;margin:0;font-family:STKaiti,KaiTi,cursive;font-size:30px;font-weight:800;position:relative}.brand-block h1:after{border-bottom:4px solid var(--red);content:"";border-radius:50%;height:7px;position:absolute;bottom:-6px;left:8px;right:4px;transform:rotate(-1deg)}.brand-block p{letter-spacing:.19em;margin:9px 0 0;font-size:9px}.brand-spark{color:var(--red);font-size:24px;position:absolute;top:-20px;right:-2px}.side-nav nav{gap:10px;display:grid}.side-nav__item{min-height:46px;color:var(--ink);align-items:center;gap:11px;padding:8px 10px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .16s,background .16s;display:flex}.side-nav__item:hover{transform:translate(3px)rotate(.2deg)}.side-nav__item--active{border:1.7px solid var(--ink);background:var(--paper-light);box-shadow:3px 3px 0 var(--ink);transform:rotate(-.8deg)}.nav-sketch-icon{border:1.5px solid var(--ink);background:#ffffff73;border-radius:51% 44% 55% 47%;flex:none;place-items:center;width:29px;height:29px;display:grid}.sidebar-note{border:1.5px solid var(--ink);background:var(--pink);margin:auto 0 16px;padding:14px 12px;font-size:11px;line-height:1.65;transform:rotate(2deg);box-shadow:3px 4px #352f27b8}.settings-button{background:0 0;border:0;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:700;display:flex}.app-content{min-height:100vh;margin-left:230px;padding:54px clamp(30px,6vw,92px) 70px;position:relative;overflow:hidden}.page-stage{z-index:1;max-width:1080px;margin:0 auto;position:relative}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:34px;display:flex}.page-eyebrow{color:var(--ink-soft);letter-spacing:.18em;margin:0 0 8px;font-size:10px;font-weight:800}.page-header h2{margin:0;font-family:STKaiti,KaiTi,cursive;font-size:clamp(32px,4vw,49px);line-height:1.1;display:inline-block;position:relative}.page-header h2:after{border-bottom:4px solid var(--red);content:"";border-radius:50%;height:8px;position:absolute;bottom:-6px;left:28%;right:-12px;transform:rotate(-1.5deg)}.page-note{color:var(--ink-soft);margin:15px 0 0;font-size:14px}.empty-paper{place-items:center;min-height:360px;padding:48px;display:grid}.empty-paper p{color:var(--ink-soft);font-size:15px;transform:rotate(-1deg)}.mobile-nav,.mobile-settings-button{display:none}.plan-grid{grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);gap:24px;display:grid}.progress-note{border:1.7px solid var(--ink);background:var(--pink);box-shadow:4px 5px 0 var(--ink);align-self:start;padding:30px 24px 27px;position:relative;transform:rotate(-1.2deg)}.progress-note p{color:var(--ink-soft);letter-spacing:.16em;margin:0 0 8px;font-size:11px;font-weight:900}.progress-note strong{font-family:STKaiti,KaiTi,cursive;font-size:24px}.progress-track{border:1.5px solid var(--ink);background:#ffffff8c;border-radius:53% 47% 49% 51%;height:15px;margin-top:24px;overflow:hidden}.progress-fill{background:repeating-linear-gradient(-45deg, #fff3 0 5px, transparent 5px 10px), var(--green);height:100%;transition:width .18s;display:block}.progress-percent{color:var(--ink-soft);text-align:right;margin-top:7px;font-size:11px;display:block}.checklist-card{min-height:430px;padding:35px 34px 42px}.checklist-card h3{border-bottom:3px solid var(--yellow);margin:0 0 22px;font-family:STKaiti,KaiTi,cursive;font-size:25px;display:inline-block;transform:rotate(-.5deg)}.muted-copy{color:var(--ink-soft);font-size:13px}.task-list{margin:0;padding:0;list-style:none;display:grid}.task-list li{border-bottom:1px dashed #352f2757;justify-content:space-between;align-items:center;gap:16px;min-height:54px;display:flex}.task-list label{cursor:pointer;flex:1;align-items:center;gap:13px;min-width:0;font-size:16px;font-weight:700;display:flex}.task-list input[type=checkbox]{width:21px;height:21px;accent-color:var(--green);flex:none}.task--done label span{color:var(--ink-soft);-webkit-text-decoration:line-through 2px var(--red);text-decoration:line-through 2px var(--red)}.icon-button{background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover{color:var(--red);background:#d85f481f;transform:rotate(-7deg)}.quick-add{grid-template-columns:1fr auto;gap:12px;margin-top:28px;display:grid}.quick-add input{border:1.7px solid var(--ink);background:#ffffff9e;border-radius:10px 7px 12px 8px;min-width:0;min-height:48px;padding:10px 14px}.quick-add .primary-button{padding:0 20px}.undo-toast{z-index:30;border:1.7px solid var(--ink);background:var(--yellow);box-shadow:3px 4px 0 var(--ink);align-items:center;gap:12px;padding:13px 14px 13px 18px;font-size:13px;font-weight:800;display:flex;position:fixed;bottom:28px;right:28px;transform:rotate(.4deg)}.undo-toast button{background:0 0;border:0;align-items:center;gap:5px;font-weight:900;display:inline-flex}.idea-capture{border:1.7px solid var(--ink);background:var(--yellow);box-shadow:4px 5px 0 var(--ink);margin-bottom:24px;padding:28px 30px 30px;position:relative;transform:rotate(-.3deg)}.idea-capture>label{margin-bottom:12px;font-family:STKaiti,KaiTi,cursive;font-size:22px;font-weight:900;display:block}.idea-capture>div{grid-template-columns:1fr auto;gap:12px;display:grid}.idea-capture input{border:1.7px solid var(--ink);background:#fffaf0d1;border-radius:9px 13px 8px 11px;min-width:0;min-height:52px;padding:10px 16px;font-size:16px;box-shadow:2px 3px #352f274d}.idea-capture .primary-button{background:var(--paper-light);min-width:126px}.idea-toolbar{grid-template-columns:minmax(220px,1fr) repeat(3,auto);gap:10px;margin-bottom:26px;display:grid}.idea-toolbar input,.idea-toolbar select{border:1.5px solid var(--ink);background:#fffaf0c7;border-radius:8px 11px 7px 10px;min-height:43px}.idea-toolbar select{padding:7px 30px 7px 10px}.search-field{align-items:center;display:flex;position:relative}.search-field svg{pointer-events:none;position:absolute;left:12px}.search-field input{width:100%;padding:8px 12px 8px 38px}.empty-note{min-height:250px;color:var(--ink-soft);border:1.5px dashed #352f2780;align-content:center;place-items:center;display:grid}.empty-note span{color:var(--red);font-size:33px;transform:rotate(-10deg)}.empty-note p{margin:8px 0 0}.idea-wall{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;display:grid}.idea-card{border:1.7px solid var(--ink);background:var(--yellow);clip-path:polygon(1% 1%,98% 0,100% 97%,95% 100%,88% 98%,81% 100%,73% 98%,66% 100%,58% 98%,49% 100%,40% 98%,31% 100%,21% 98%,12% 100%,2% 97%);min-height:205px;padding:21px 20px 18px;position:relative;box-shadow:3px 4px #352f27cc}.idea-card--0{transform:rotate(-.7deg)}.idea-card--1{background:var(--pink);transform:rotate(.8deg)}.idea-card--2{background:#cdd8e4;transform:rotate(-.2deg)}.idea-card--3{background:#d8dfc7;transform:rotate(.5deg)}.idea-card>header{justify-content:space-between;align-items:center;gap:8px;display:flex}.idea-card>header>div{display:flex}.status-chip{border:1.3px solid var(--ink);background:#ffffff85;border-radius:45% 54% 46% 55%;padding:4px 8px;font-size:10px;font-weight:900;display:inline-block}.status-chip--action{background:var(--yellow)}.status-chip--adopted{background:var(--green);color:#fff}.idea-content{overflow-wrap:anywhere;margin:19px 0 13px;font-family:STKaiti,KaiTi,cursive;font-size:20px;font-weight:800;line-height:1.55}.idea-category,.idea-group{border-bottom:2px solid var(--red);margin:0 0 9px;padding:3px 7px;font-size:11px;font-weight:900;display:inline-block}.idea-meta,.idea-details{color:var(--ink-soft);margin:5px 0;font-size:12px;line-height:1.6}.idea-details{white-space:pre-wrap}.idea-group{border-bottom-color:var(--blue);width:fit-content;display:block}.tag-row{flex-wrap:wrap;gap:5px;margin:11px 0 8px;display:flex}.tag-row span{color:#536b87;font-size:11px;font-weight:800}.idea-card time{color:var(--ink-soft);text-align:right;margin-top:14px;font-size:10px;display:block}.editor-backdrop{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#352f2752;justify-content:flex-end;display:flex;position:fixed;inset:0}.idea-editor{border-left:2px solid var(--ink);width:min(560px,92vw);height:100%;padding:34px 34px 50px;overflow-y:auto;box-shadow:-6px 0 #352f2726}.idea-editor>header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:26px;display:flex}.idea-editor header p{color:var(--ink-soft);letter-spacing:.18em;margin:0 0 6px;font-size:9px;font-weight:900}.idea-editor h3{margin:0;font-family:STKaiti,KaiTi,cursive;font-size:29px}.idea-editor form{grid-template-columns:1fr 1fr;gap:17px;display:grid}.idea-editor label{gap:7px;font-size:12px;font-weight:900;display:grid}.idea-editor input,.idea-editor select,.idea-editor textarea{border:1.5px solid var(--ink);resize:vertical;background:#ffffffa6;border-radius:7px 10px 6px 9px;width:100%;min-width:0;padding:10px 11px}.idea-editor .editor-wide{grid-column:1/-1}.idea-editor .pin-control{flex-direction:row;align-items:center;gap:9px;display:flex}.pin-control input{width:19px;height:19px}.secondary-button{border:1.5px solid var(--ink);background:var(--paper-light);border-radius:9px 7px 11px 8px;justify-content:center;align-items:center;gap:7px;min-height:41px;padding:7px 13px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:2px 3px #352f27b3}.connection-note{border:1.7px solid var(--ink);background:var(--yellow);box-shadow:4px 5px 0 var(--ink);grid-template-columns:1fr minmax(260px,.8fr) auto;align-items:center;gap:15px;margin-bottom:24px;padding:25px;display:grid;position:relative;transform:rotate(-.3deg)}.connection-note strong{font-family:STKaiti,KaiTi,cursive;font-size:19px}.connection-note p{color:var(--ink-soft);margin:5px 0 0;font-size:11px;line-height:1.5}.connection-note input{border:1.5px solid var(--ink);background:#ffffffb8;min-width:0;min-height:45px;padding:8px 12px}.connection-note .primary-button{background:var(--paper-light);padding:0 17px}.sync-strip{border:1.3px dashed var(--ink);color:var(--ink-soft);background:#efc56d80;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:20px;padding:11px 14px;font-size:11px;display:flex}.sync-strip button{color:var(--blue);background:0 0;border:0;margin-left:auto;font-size:11px;font-weight:900;text-decoration:underline}.hotspot-filters{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}.hotspot-filters select{border:1.5px solid var(--ink);background:#fffaf0cc;border-radius:8px 11px 7px 10px;min-height:41px;padding:7px 30px 7px 11px}.hotspot-section{margin-top:30px}.hotspot-section>header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.hotspot-section h3{border-bottom:3px solid var(--red);margin:0;font-family:STKaiti,KaiTi,cursive;font-size:24px}.hotspot-section>header span{color:var(--ink-soft);font-size:11px}.hotspot-list{gap:13px;display:grid}.hotspot-card{border:1.6px solid var(--ink);background:#fffaf0db;border-radius:8px 13px 7px 11px;box-shadow:2px 3px #352f277a}.hotspot-card:nth-child(3n+2){transform:rotate(.15deg)}.hotspot-card:nth-child(3n){transform:rotate(-.12deg)}.hotspot-card--open{background:repeating-linear-gradient(0deg, transparent 0 30px, #516f8d1a 30px 31px), var(--paper-light);box-shadow:4px 5px 0 var(--ink)}.hotspot-card>header{align-items:center;gap:10px;min-height:61px;padding:9px 14px 9px 18px;display:flex}.hotspot-toggle{text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;font-size:14px;font-weight:900;display:flex}.hotspot-toggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-dot{border:1.2px solid var(--ink);background:var(--pink);border-radius:44% 56% 49% 51%;flex:none;padding:3px 7px;font-size:9px;font-weight:900}.status-dot--researched{background:var(--yellow)}.status-dot--converted{background:var(--green);color:#fff}.hotspot-details{border-top:1px dashed #352f2757;padding:8px 22px 24px}.hotspot-details dl{flex-wrap:wrap;gap:13px 28px;margin:18px 0 12px;display:flex}.hotspot-details dl div{gap:7px;font-size:11px;display:flex}.hotspot-details dt{color:var(--ink-soft)}.hotspot-details dd{margin:0;font-weight:900}.category-row{flex-wrap:wrap;gap:6px;display:flex}.category-row span{border-bottom:2px solid var(--blue);padding:4px 8px;font-size:10px;font-weight:900}.judgment-note{border-left:4px solid var(--red);background:#efbcb36e;margin:19px 0;padding:14px 16px}.judgment-note p{color:var(--ink-soft);align-items:center;gap:6px;margin:0 0 7px;font-size:10px;font-weight:900;display:flex}.judgment-note strong,.judgment-note>span{font-size:13px;line-height:1.65}.hotspot-details>label{gap:7px;margin-top:13px;font-size:11px;font-weight:900;display:grid}.hotspot-details select,.hotspot-details textarea{border:1.4px solid var(--ink);background:#ffffffa6;width:100%;padding:9px 10px}.hotspot-details textarea{resize:vertical}.hotspot-details footer{flex-wrap:wrap;align-items:center;gap:9px;margin-top:15px;display:flex}.hotspot-details footer a{color:var(--blue);align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:900;display:inline-flex}.hotspot-history{opacity:.93;margin-top:45px}.knowledge-loading{min-height:280px;color:var(--ink-soft);place-items:center;display:grid}.knowledge-error{align-items:center;gap:14px;margin-bottom:18px;display:flex}.knowledge-card{padding:40px 42px 48px}.knowledge-card>header{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:15px;font-size:11px;display:flex}.knowledge-card>header span{border:1.3px solid var(--ink);background:var(--yellow);color:var(--ink);border-radius:51% 45% 54% 47%;padding:4px 9px;font-weight:900}.knowledge-card h3{border-bottom:4px solid var(--red);margin:24px 0 16px;font-family:STKaiti,KaiTi,cursive;font-size:clamp(29px,4vw,42px);line-height:1.2;display:inline-block;transform:rotate(-.5deg)}.knowledge-details{white-space:pre-wrap;max-width:850px;margin:0;font-size:15px;line-height:1.95}.fact-list{gap:12px;margin:27px 0 24px;padding:0;list-style:none;display:grid}.fact-list li{border-left:3px solid var(--blue);background:#607a981a;align-items:flex-start;gap:13px;padding:12px 14px;display:flex}.fact-list li>span{border:1.3px solid var(--ink);background:var(--paper-light);border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:11px;font-weight:900;display:grid}.fact-list p{margin:2px 0 0;font-size:13px;line-height:1.65}.review-check{border:1.4px dashed var(--ink);background:var(--pink);align-items:center;gap:8px;padding:8px 11px;font-size:12px;font-weight:900;display:inline-flex;transform:rotate(-.5deg)}.review-check input{width:18px;height:18px}.knowledge-history,.vocabulary-book{margin-top:45px}.knowledge-history>header,.vocabulary-book>header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.knowledge-history header p,.vocabulary-book header p{color:var(--ink-soft);letter-spacing:.18em;margin:0 0 5px;font-size:9px;font-weight:900}.knowledge-history h3,.vocabulary-book h3{margin:0;font-family:STKaiti,KaiTi,cursive;font-size:26px}.knowledge-history>header label{align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.knowledge-timeline{border-left:2px dashed #352f2759;gap:13px;padding-left:24px;display:grid}.knowledge-timeline article{border:1.4px solid var(--ink);background:#fffaf0bf;padding:15px 18px;position:relative;box-shadow:2px 3px #352f2766}.knowledge-timeline article:before{border:2px solid var(--ink);background:var(--yellow);content:"";border-radius:50%;width:11px;height:11px;position:absolute;top:23px;left:-31px}.knowledge-timeline time,.knowledge-timeline article>span{color:var(--ink-soft);margin-right:10px;font-size:10px}.knowledge-timeline h4{margin:0;font-size:14px;display:inline}.knowledge-timeline em{float:right;color:var(--red);font-size:10px;font-style:normal;font-weight:900}.english-progress-note{border:1.6px solid var(--ink);background:var(--pink);box-shadow:3px 4px 0 var(--ink);grid-template-columns:minmax(180px,.38fr) 1fr auto;align-items:center;gap:16px;margin-bottom:25px;padding:22px 25px;display:grid;transform:rotate(-.3deg)}.english-progress-note p{color:var(--ink-soft);letter-spacing:.12em;margin:0 0 6px;font-size:10px;font-weight:900}.english-progress-note strong{font-family:STKaiti,KaiTi,cursive;font-size:21px}.english-progress-note .progress-track{margin:0}.english-complete{color:#365a3d;align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.english-word-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.english-word-card{border:1.6px solid var(--ink);background:var(--yellow);transform:rotate(-.4deg);box-shadow:3px 4px #352f27b8}.english-word-card--1{background:#cdd8e4;transform:rotate(.5deg)}.english-word-card--2{background:#d8dfc7;transform:rotate(-.1deg)}.word-heading-row,.phrase-heading-row,.speech-inline-row{align-items:center;gap:8px;display:flex}.word-heading-row .word-toggle{flex:1}.word-heading-row>.speech-button{margin-right:14px}.word-toggle{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:91px;padding:17px 18px;display:flex}.word-toggle span{gap:5px;display:grid}.word-toggle small{color:var(--ink-soft);letter-spacing:.15em;font-size:8px;font-weight:900}.word-toggle strong{font-family:Georgia,serif;font-size:25px}.word-details{border-top:1px dashed #352f2759;min-height:137px;padding:4px 18px 17px}.word-details b{margin-top:14px;font-size:14px;display:block}.word-details p{margin:13px 0 5px;font-family:Georgia,serif;font-size:13px;line-height:1.55}.word-details span{color:var(--ink-soft);font-size:11px}.speech-inline-row{justify-content:space-between}.speech-inline-row>:first-child{min-width:0;margin-right:0}.speech-button{border:1.3px solid var(--ink);background:var(--paper-light);width:31px;height:29px;color:var(--ink);cursor:pointer;border-radius:48% 42% 51% 45%;flex:none;place-items:center;padding:0;display:inline-grid;transform:rotate(-2deg)}.speech-button:hover{background:var(--yellow)}.speech-button.active{background:var(--green);animation:.6s ease-in-out infinite alternate speech-bob}.speech-notice{border:1.3px dashed var(--ink);background:var(--yellow);width:fit-content;margin:0 0 18px;padding:7px 11px;font-size:11px;font-weight:900}@keyframes speech-bob{to{transform:translateY(-2px)rotate(2deg)}}.english-word-card footer{border-top:1px solid #352f2773;grid-template-columns:1fr 1fr;display:grid}.english-word-card footer button{background:#ffffff40;border:0;min-height:39px;font-size:11px;font-weight:900}.english-word-card footer button+button{border-left:1px solid #352f2773}.english-word-card footer button.selected{background:var(--ink);color:var(--paper-light)}.vocabulary-notice{border:1.3px dashed var(--ink);background:var(--yellow);width:fit-content;margin:17px 0 0 auto;padding:7px 11px;font-size:11px;font-weight:900}.phrase-card{margin-top:28px;padding:32px 35px 35px}.phrase-card>p{color:var(--ink-soft);letter-spacing:.18em;margin:0 0 9px;font-size:9px;font-weight:900}.phrase-card h3{border-bottom:3px solid var(--red);margin:0 12px 13px 0;font-family:Georgia,serif;font-size:28px;display:inline-block}.phrase-heading-row{justify-content:flex-start}.phrase-card>strong{font-size:13px}.phrase-card blockquote{border-left:3px solid var(--blue);margin:13px 0 0;padding-left:15px;font-family:Georgia,serif;font-size:14px;line-height:1.6}.phrase-card blockquote span{color:var(--ink-soft);font-family:inherit;font-size:11px;display:block}.phrase-card blockquote .phrase-example{color:var(--ink);font-size:14px}.english-checks{border:1.4px dashed var(--ink);background:#fffaf0a6;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:25px;padding:17px 20px;display:flex}.english-checks h3{width:100%;margin:0 0 3px;font-family:STKaiti,KaiTi,cursive;font-size:19px}.english-checks label{align-items:center;gap:7px;font-size:12px;font-weight:900;display:flex}.english-checks input{width:18px;height:18px;accent-color:var(--green)}.vocabulary-tabs{border:1.4px solid var(--ink);display:flex}.vocabulary-tabs button{background:0 0;border:0;min-height:35px;padding:6px 12px;font-size:11px;font-weight:900}.vocabulary-tabs button+button{border-left:1.4px solid var(--ink)}.vocabulary-tabs button.active{background:var(--yellow)}.vocabulary-list{gap:10px;display:grid}.vocabulary-list article{border:1.3px solid var(--ink);background:#fffaf0bf;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.vocabulary-list strong{margin-right:10px;font-family:Georgia,serif;font-size:17px}.vocabulary-list span{color:var(--ink-soft);font-size:12px}.vocabulary-list p{color:var(--ink-soft);margin:6px 0 0;font-family:Georgia,serif;font-size:11px}.settings-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#352f2757;justify-content:flex-end;display:flex;position:fixed;inset:0}.settings-drawer{border-left:2px solid var(--ink);width:min(560px,92vw);height:100%;padding:34px 34px 55px;overflow-y:auto;box-shadow:-6px 0 #352f272b}.settings-drawer>header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.settings-drawer>header p{color:var(--ink-soft);letter-spacing:.18em;margin:0 0 5px;font-size:9px;font-weight:900}.settings-drawer>header h2{border-bottom:3px solid var(--red);margin:0;font-family:STKaiti,KaiTi,cursive;font-size:34px}.settings-section{border:1.4px solid var(--ink);background:#fffaf0b3;margin-bottom:19px;padding:18px}.account-row{background:var(--pink);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.account-row div{gap:4px;display:grid}.account-row span{color:var(--ink-soft);font-size:10px}.account-row strong{overflow-wrap:anywhere;font-size:13px}.settings-section__title{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.settings-section h3{margin:0;font-family:STKaiti,KaiTi,cursive;font-size:19px}.settings-section p{color:var(--ink-soft);margin:4px 0 0;font-size:10px;line-height:1.5}.settings-section form{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.settings-section form label{color:var(--ink-soft);gap:6px;font-size:10px;font-weight:900;display:grid}.settings-section form input{border:1.3px solid var(--ink);background:#ffffffb3;min-width:0;min-height:41px;padding:8px 10px}.ai-settings{background:color-mix(in srgb, var(--green) 16%, var(--paper-light));position:relative}.ai-status{border:1.3px solid var(--ink);background:var(--yellow);border-radius:48% 44% 52% 46%;margin:0 0 12px 28px;padding:4px 10px;font-size:10px;font-weight:900;display:inline-block;transform:rotate(-1deg)}.ai-status--configured{background:color-mix(in srgb, var(--green) 62%, white)}.ai-status--error{background:color-mix(in srgb, var(--red) 55%, white)}.ai-settings__actions{flex-wrap:wrap;gap:9px;display:flex}.ai-settings__actions a{text-decoration:none}.backup-panel{border:1.4px dashed var(--ink);background:#efc56d40;margin-top:20px}.backup-panel summary{cursor:pointer;align-items:center;gap:9px;min-height:53px;padding:13px 16px;font-size:13px;font-weight:900;display:flex}.backup-panel__content{border-top:1px dashed #352f275c;padding:0 16px 18px}.backup-panel__content>p{color:var(--ink-soft);font-size:10px;line-height:1.6}.restore-box{border-top:1px dashed #352f275c;gap:11px;margin-top:16px;padding-top:15px;display:grid}.restore-box>label:first-child{gap:8px;font-size:11px;font-weight:900;display:grid}.restore-box label span{align-items:center;gap:7px;display:flex}.restore-box input[type=file]{width:100%;font-size:10px}.restore-confirm-check{color:var(--ink-soft);align-items:flex-start;gap:8px;font-size:10px;line-height:1.5;display:flex}.danger-button{border:1.5px solid var(--ink);background:var(--red);min-height:41px;box-shadow:2px 3px 0 var(--ink);color:#fff;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:11px;font-weight:900;display:inline-flex}.danger-button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.45}.confirm-backdrop{z-index:60;background:#352f2780;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-dialog{width:min(100%,430px);padding:32px 30px 39px}.confirm-dialog>.icon-button{float:right}.confirm-dialog h3{margin:0 0 13px;font-family:STKaiti,KaiTi,cursive;font-size:26px}.confirm-dialog p{clear:both;color:var(--ink-soft);font-size:12px;line-height:1.7}.confirm-dialog>div{justify-content:flex-end;gap:10px;margin-top:19px;display:flex}.settings-security-note{color:var(--ink-soft);text-align:center;margin:18px 0 0;font-size:9px;line-height:1.6}.auth-stage{place-items:center;min-height:100vh;padding:32px 18px;display:grid;position:relative;overflow:hidden}.auth-stage:before,.auth-stage:after{content:"";pointer-events:none;border-top:2px solid #607a9847;width:260px;position:fixed}.auth-stage:before{top:18%;left:-45px;transform:rotate(17deg)}.auth-stage:after{bottom:17%;right:-45px;transform:rotate(-28deg)}.auth-card{width:min(100%,510px);padding:54px 48px 58px}.auth-card h1{border-bottom:4px solid var(--red);margin:0;font-family:STKaiti,KaiTi,cursive;font-size:clamp(40px,8vw,60px);line-height:1.15;display:inline-block;transform:rotate(-1deg)}.auth-kicker{color:var(--ink-soft);letter-spacing:.19em;margin:0 0 12px;font-size:10px;font-weight:900}.auth-note{max-width:380px;color:var(--ink-soft);margin:22px 0 30px;font-size:14px;line-height:1.75}.auth-card form{gap:18px;display:grid}.auth-card label{gap:7px;font-size:13px;font-weight:800;display:grid}.auth-card input{border:1.7px solid var(--ink);background:#ffffff94;border-radius:7px 10px 6px 9px;width:100%;min-height:47px;padding:10px 13px;box-shadow:2px 3px #352f2747}.primary-button{border:1.7px solid var(--ink);border-radius:var(--radius-wobbly);background:var(--yellow);min-height:48px;box-shadow:3px 4px 0 var(--ink);justify-content:center;align-items:center;gap:9px;font-weight:900;display:flex}.primary-button:disabled{cursor:wait;opacity:.62}.form-error{color:#a63c2d;margin:-4px 0 0;font-size:13px;font-weight:800}.auth-doodle{color:var(--red);font-family:Comic Sans MS,cursive;font-size:24px;position:fixed;top:12%;right:10%;transform:rotate(9deg)}.setup-message{border:1.5px dashed var(--ink);background:var(--pink);gap:14px;margin-top:30px;padding:18px;display:flex;transform:rotate(.5deg)}.setup-message svg{flex:none}.setup-message p,.setup-footnote{color:var(--ink-soft);margin:6px 0 0;font-size:13px;line-height:1.65}.setup-footnote{margin-top:22px}@media (width<=767px){.side-nav{display:none}.app-content{margin-left:0;padding:30px 18px 112px}.mobile-nav{z-index:20;border:var(--border);min-height:72px;box-shadow:4px 5px 0 var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf0f5;border-radius:17px 12px 19px 13px;grid-template-columns:repeat(5,1fr);padding:8px 4px;display:grid;position:fixed;bottom:10px;left:10px;right:10px}.mobile-settings-button{z-index:18;border:1.5px solid var(--ink);background:var(--yellow);width:44px;height:44px;box-shadow:2px 3px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:fixed;top:14px;right:14px}.mobile-nav__item{min-width:0;min-height:52px;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:9px;font-weight:700;text-decoration:none;display:flex}.mobile-nav__item--active{color:var(--red);transform:rotate(-2deg)}.page-header{margin-bottom:24px}.page-header h2{font-size:36px}.page-note{max-width:250px;line-height:1.6}.empty-paper{min-height:330px;padding:30px}.sketch-line,.corner-doodle{opacity:.45}.auth-card{padding:44px 28px 52px}.plan-grid{grid-template-columns:1fr}.progress-note{padding:25px 20px 22px}.checklist-card{min-height:380px;padding:30px 22px 40px}.quick-add{grid-template-columns:1fr}.quick-add .primary-button{width:100%}.undo-toast{justify-content:space-between;bottom:96px;left:18px;right:18px}.idea-capture{padding:25px 20px 23px}.idea-capture>div{grid-template-columns:1fr}.idea-capture .primary-button{width:100%}.idea-toolbar{grid-template-columns:1fr 1fr}.idea-toolbar .search-field{grid-column:1/-1}.idea-wall{grid-template-columns:1fr}.idea-editor{border-left:0;width:100%;padding:28px 20px 110px}.idea-editor form{grid-template-columns:1fr}.idea-editor .editor-wide{grid-column:auto}.page-header__action .secondary-button{padding:6px 9px;font-size:10px}.connection-note{grid-template-columns:1fr;padding:24px 20px}.hotspot-filters{grid-template-columns:1fr 1fr;display:grid}.hotspot-filters select:last-child{grid-column:1/-1}.hotspot-card>header{padding-left:13px}.hotspot-card{min-width:0}.hotspot-card--open .hotspot-toggle span{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;min-width:0;overflow:visible}.hotspot-details{padding:8px 15px 21px}.hotspot-details footer a{width:100%;margin:5px 0 0}.knowledge-card{padding:34px 22px 43px}.knowledge-details{font-size:14px}.knowledge-history>header,.vocabulary-book>header{flex-direction:column;align-items:flex-start}.english-progress-note,.english-word-grid{grid-template-columns:1fr}.word-details{min-height:0}.phrase-card{padding:30px 22px 36px}.vocabulary-list article{flex-direction:column;align-items:flex-start}.settings-drawer{border-left:0;width:100%;padding:27px 18px 110px}.account-row{grid-template-columns:auto 1fr}.account-row .secondary-button{grid-column:1/-1}.settings-section form{grid-template-columns:1fr}.settings-section form .secondary-button{width:100%}.ai-settings__actions{flex-direction:column;align-items:stretch}.ai-settings__actions .secondary-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}