:root{--brand: #f6cb38;--brand-hover: #e8b923;--brand-ink: #624900;--brand-soft: #fff5ce;--ink: #2d2a20;--muted: #646050;--line: #ded9cb;--control-border: #8a8068;--paper: #fff;--bg: #faf9f4;--success: #2c6845;--success-soft: #eaf4ec;--warning: #80500d;--warning-soft: #fff1df;--danger: #a33225;--radius: 16px;--clay-radius: 24px;--clay-button-radius: 18px;--clay-button-shadow: inset 0 0 0 2px #ffffff50, 0 4px 8px #62490024;--clay-button-pressed-shadow: inset 0 0 0 2px #ffffff30, 0 1px 3px #62490024;--clay-panel-shadow: inset 0 0 0 2px #ffffff90, 0 5px 18px #6249000c;--text-small: .875rem;--text-body: 1rem;--text-child: 1.125rem;--select-inset: 1rem;--select-icon-size: 1.25rem;--select-text-gap: .75rem;--select-border-width: 1px;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:100%;font-synthesis:none;font-weight:400;line-height:1.75;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;color:var(--muted);background:#eeeae0;border-color:var(--control-border)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:700;line-height:1.5;word-break:normal;overflow-wrap:break-word;line-break:strict;text-wrap:balance}input,textarea,select{min-width:0;color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input[type=checkbox]{accent-color:var(--brand-ink);width:22px;height:22px;flex-shrink:0}svg{flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brand-ink);outline-offset:4px}::selection{background:var(--brand);color:var(--ink)}.skip-link{position:fixed;top:12px;left:16px;z-index:300;padding:12px 20px;background:var(--brand);color:var(--ink);border:2px solid var(--brand-ink);border-radius:8px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-shell{display:grid;grid-template-columns:15.5rem minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;width:15.5rem;height:100dvh;overflow-y:auto;background:var(--paper);border-right:1px solid var(--line);padding:32px 16px 20px;display:flex;flex-direction:column;z-index:40}.sidebar>*{flex-shrink:0}.brand{min-height:48px;display:flex;gap:8px;align-items:center;font-size:1.875rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}.brand small{display:block;font-size:var(--text-small);letter-spacing:0;font-weight:400;color:var(--muted);line-height:1.5;margin-top:2px}.workspace-label{display:flex;gap:8px;align-items:center;font-size:var(--text-small);color:var(--muted);margin:30px 12px 18px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;gap:10px;align-items:center;min-height:48px;padding:12px;border-radius:10px;color:var(--muted);font-size:1rem;line-height:1.5}.nav-item:hover{background:var(--bg);color:var(--ink)}.nav-item.active{background:var(--brand-soft);color:var(--ink);font-weight:700;outline:1px solid var(--brand-ink);outline-offset:-1px}.nav-selected{margin-left:auto;color:var(--brand-ink)}.sidebar-bottom{margin-top:auto;padding-top:36px}.sidebar-note{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:18px 16px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--brand-ink);font-size:var(--text-small);font-weight:700;letter-spacing:.02em}.sidebar-note p{font-size:var(--text-small);line-height:1.8;margin:8px 0 16px;color:var(--muted)}.usage-track{height:8px;border-radius:5px;background:#e5e0d3;overflow:hidden}.usage-track span{display:block;background:var(--brand-ink);height:100%;border-radius:inherit}.sidebar-note>small{display:block;font-size:var(--text-small);color:var(--muted);margin:8px 0}.sidebar-note>a{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:var(--text-small);font-weight:700;color:var(--brand-ink);border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.sidebar-footer{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:var(--text-small);color:var(--muted);margin:22px 6px 0}.sidebar-footer span{margin-left:auto}.app-body{grid-column:2;min-width:0}.topbar{min-height:80px;border-bottom:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 36px}.topbar-start,.topbar-actions{display:flex;align-items:center;min-width:0}.topbar-actions{gap:14px}.breadcrumb{font-size:var(--text-small);color:var(--muted);display:flex;gap:10px;align-items:center}.breadcrumb strong{color:var(--ink);font-weight:500}.child-mode-link{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);font-size:var(--text-small);font-weight:700;background:var(--brand-soft);border:1px solid var(--brand-ink);border-radius:8px;padding:10px 14px;min-height:44px;white-space:nowrap}.child-mode-link:hover{background:var(--brand)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:8px;color:var(--muted)}.icon-button:hover{background:var(--brand-soft);color:var(--ink)}.notification-button{position:relative}.notification-button i{position:absolute;right:9px;top:8px;background:var(--warning);width:8px;height:8px;border-radius:50%;border:2px solid white}.avatar{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--ink);border:2px solid #fff;flex-shrink:0}.avatar-small{width:36px;height:36px;font-size:var(--text-small)}.demo-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;min-height:44px;padding:10px 36px;font-size:var(--text-small);background:#f2efe5;color:var(--muted);border-bottom:1px solid var(--line)}.demo-strip>span:first-child{display:flex;gap:8px;align-items:center;font-weight:600;color:var(--ink)}.demo-strip>a{margin-left:auto;display:flex;gap:4px;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.demo-strip.has-error{background:var(--warning-soft);color:var(--warning)}.main-content{max-width:1600px;margin:auto;padding:36px 36px 64px;min-height:calc(100vh - 210px)}.main-footer{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding:24px 36px;border-top:1px solid var(--line);font-size:var(--text-small);color:var(--muted);max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.page-head>div{min-width:0}.page-head h1{font-size:2rem;letter-spacing:.02em}.page-head p{font-size:1rem;color:var(--muted);margin-top:12px;max-width:44em}.child-selector{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--control-border);border-radius:12px;padding:10px 12px;flex-shrink:0;text-align:left;min-height:48px}.child-selector strong{font-size:1rem;font-weight:700;display:block}.child-selector small{font-size:var(--text-small);display:block;color:var(--muted)}.child-selector>svg{margin-left:12px;color:var(--muted)}.child-selector{max-inline-size:100%;min-inline-size:0}.child-selector>span:not(.avatar){min-inline-size:0;flex:1 1 auto;overflow-wrap:break-word}.child-selector>svg,.topbar-actions>a>svg{flex-shrink:0}.child-picker-list button{min-inline-size:0}.child-picker-list button>span:not(.avatar){min-inline-size:0;overflow-wrap:break-word}.child-picker-list button>svg{flex-shrink:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;border:1px solid transparent;border-radius:10px;padding:11px 18px;font-size:1rem;font-weight:700;line-height:1.5;text-align:center}.button-primary{color:var(--ink);background:var(--brand);border-color:var(--brand-ink)}.button-primary:hover:not(:disabled){background:var(--brand-hover)}.button-secondary{color:var(--ink);background:var(--paper);border-color:var(--control-border)}.button-secondary:hover:not(:disabled){background:var(--bg)}.button-soft{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand-ink)}.button-soft:hover:not(:disabled){background:var(--brand)}.full-width{width:100%}.text-link{color:var(--brand-ink);display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:var(--text-small);font-weight:700;text-decoration:underline;text-underline-offset:4px;line-height:1.6}.text-link:hover{text-decoration-thickness:2px}.action-link{display:inline-flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 12px;min-width:44px;min-height:44px;max-width:100%;padding:8px 14px;border:0;border-radius:8px;background:var(--brand-soft);color:var(--ink);font-size:var(--text-body);font-weight:600;line-height:1.6;text-align:left;text-decoration:none;overflow-wrap:anywhere}.action-link:hover{background:var(--brand)}.content-link{position:relative;display:block;min-width:44px;min-height:44px;padding:16px 48px 16px 16px;border-radius:12px;background:var(--paper);text-decoration:none}.content-link:hover{background:var(--brand-soft)}.content-link>.content-link-cue{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:1.125rem;height:1.125rem;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:var(--text-small)}.green{color:var(--success)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:var(--brand-soft);color:var(--brand-ink);font-size:var(--text-small);line-height:1.5;font-weight:500}.pill.quiet{background:#f0eee6;color:var(--muted)}.pill.warm{background:var(--warning-soft);color:var(--warning)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-width:0}.section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-heading h2{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:1.25rem}.section-heading h3{font-size:1.125rem}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 5px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font-size:var(--text-small)}.count-badge.warm{background:var(--warning-soft);color:var(--warning)}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.dashboard-main{display:flex;flex-direction:column;gap:36px;min-width:0}.dashboard-aside{display:flex;flex-direction:column;gap:24px}.recommendation{position:relative;overflow:hidden;min-height:390px;background:var(--brand-soft);border:1px solid #daca90;border-radius:var(--radius);padding:32px}.recommendation-content{position:relative;z-index:2;width:66%}.recommendation h2{font-size:2rem;line-height:1.5;letter-spacing:.04em;margin:14px 0}.recommendation-content>p{font-size:1rem;color:var(--muted);line-height:1.8}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:24px}.recommendation-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:var(--text-small);margin-top:18px}.recommendation-meta>span{width:3px;height:3px;border-radius:50%;background:var(--muted)}.recommendation-art{position:absolute;right:8px;top:65px;width:30%;height:280px;pointer-events:none}.hero-paper-wrap{position:absolute;width:190px;right:0;top:5px;transform:rotate(7deg);box-shadow:0 12px 26px #62490017;border-radius:4px}.art-doodle{position:absolute;color:var(--brand-ink);z-index:2}.doodle-one{left:-15px;top:0;font-size:1.75rem;transform:rotate(18deg)}.doodle-two{right:5px;bottom:0;font-size:1.75rem;transform:rotate(10deg)}.assignment-list{border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}.assignment-row{display:flex;gap:16px;align-items:center;padding:20px}.assignment-row+.assignment-row{border-top:1px solid var(--line)}.assignment-thumb{width:56px;height:72px;display:flex;align-items:center;justify-content:center;color:var(--brand-ink);border:1px solid var(--line);border-radius:8px;flex-shrink:0}.assignment-copy{min-width:0;flex:1}.assignment-copy .pill{margin-bottom:8px}.assignment-copy h3{font-size:1rem;line-height:1.6}.assignment-copy p{font-size:var(--text-small);color:var(--muted);margin-top:6px}.assignment-copy p span{margin:0 5px}.worksheet-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.worksheet-card{position:relative;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.worksheet-card:hover{box-shadow:0 5px 20px #2d2a2010;border-color:var(--control-border)}.worksheet-cover{display:block;height:190px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.worksheet-cover .mini-worksheet{position:absolute;left:50%;top:34px;transform:translate(-50%) rotate(-5deg);width:152px;height:220px}.cover-label{font-size:var(--text-small);padding:4px 9px;background:#fff;border-radius:5px;position:absolute;left:12px;top:12px;z-index:2;color:var(--ink)}.cover-decoration{position:absolute!important;width:85px;right:-10px;bottom:-7px;transform:rotate(10deg);opacity:.7}.favorite-button{position:absolute;right:8px;top:8px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--muted);z-index:3;border:1px solid var(--control-border)}.favorite-button:hover,.favorite-button.is-saved{color:var(--brand-ink);background:var(--brand-soft);border-color:var(--brand-ink)}.worksheet-card-body{padding:18px}.worksheet-card-body>a{display:flex;align-items:center;min-height:44px}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.card-tags>span{padding:3px 7px;border-radius:4px;background:#f0eee6;color:var(--muted);font-size:var(--text-small)}.worksheet-card h3{font-size:1rem;line-height:1.65}.worksheet-author{font-size:var(--text-small);color:var(--muted);display:flex;align-items:center;gap:6px;margin-top:12px}.author-dot{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#f0eee6;color:var(--muted);font-size:var(--text-small)}.worksheet-card-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--muted);font-size:var(--text-small);border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.worksheet-card-footer>span{display:flex;align-items:center;gap:4px}.worksheet-card-footer small{font-size:inherit;color:inherit}.middle-dot{margin:0 1px}.weekly-card>p{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 24px}.weekly-card>p>strong{font-size:2.5rem;color:var(--ink);font-weight:700;line-height:1.2}.weekly-card>p>strong>small{font-size:1rem;margin-left:6px}.weekly-card>p>span{font-size:var(--text-small);color:var(--muted)}.week-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.week-dots>div{display:flex;align-items:center;flex-direction:column;gap:8px}.week-dots small{font-size:var(--text-small);color:var(--muted)}.week-dots>div>span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f0eee6;color:var(--muted);font-size:1rem}.week-dots>div>.done{background:var(--success);color:#fff}.week-dots>div>.today{color:var(--brand-ink);border:1px dashed var(--brand-ink);background:var(--brand-soft)}.weekly-foot{font-size:var(--text-small);color:var(--muted);display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.review-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--warning-soft);color:var(--warning);border-radius:10px}.review-card h4{font-size:1.25rem;line-height:1.6;margin:16px 0 12px}.review-card p{font-size:1rem;color:var(--muted);margin-bottom:20px}.review-card>small{display:block;font-size:var(--text-small);color:var(--muted);margin-top:12px}.create-invitation{padding:24px;background:var(--paper);border:1px dashed var(--control-border);border-radius:var(--radius)}.invitation-icon{color:var(--brand-ink);margin-bottom:12px}.create-invitation h3{font-size:1.125rem}.create-invitation p{font-size:1rem;color:var(--muted);margin:14px 0}.mini-worksheet{height:222px;width:162px;background:#fff;border:1px solid #ded9cb;border-radius:4px;padding:12px 11px;position:relative;overflow:hidden;box-shadow:0 4px 8px #2d2a200a;color:#646050}.mini-large{width:190px;height:270px;padding:15px 13px}.mini-topline{display:flex;justify-content:space-between;font-size:5px;border-bottom:1px solid #ded9cb;padding-bottom:4px}.mini-title{font-size:8px;font-weight:700;text-align:center;margin-top:10px;letter-spacing:.04em;color:#2d2a20;white-space:nowrap}.mini-caption{font-size:5px;margin-top:5px;text-align:center}.mini-question-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 6px;margin-top:20px}.mini-question{position:relative;display:flex;gap:3px;align-items:center;font-size:10px;white-space:nowrap;line-height:2}.mini-question>small{position:absolute;top:-10px;left:0;font-size:5px}.mini-question b{width:17px;height:20px;border:1px solid #8a8068;border-radius:2px;display:inline-block}.mini-worksheet>.theme-art{position:absolute;width:100px;height:80px;bottom:17px;right:5px;opacity:.7}.mini-footer{position:absolute;bottom:8px;left:12px;right:12px;border-top:1px solid #ded9cb;padding-top:4px;font-size:5px;text-align:center;letter-spacing:.1em}.mini-large .mini-question-grid{margin-top:24px;gap:22px 8px}.mini-large .mini-question{font-size:12px}.mini-count-dots{display:flex!important;flex-wrap:wrap;gap:2px;max-width:28px;min-width:28px}.mini-count-dots i{width:3px;height:3px;background:#624900;border-radius:50%}.theme-art{width:160px;height:auto}.theme-garden{--theme-accent: #9eae85;--theme-background: #edf1e5;background-color:#edf1e5}.theme-space{--theme-accent: #a5b5c6;--theme-background: #eaf0f3;background-color:#eaf0f3}.theme-dinosaur{--theme-accent: #c7b38f;--theme-background: #f4efdf;background-color:#f4efdf}.theme-simple{--theme-accent: #b1b7a5;--theme-background: #f0f1e9;background-color:#f0f1e9}.mini-worksheet[class*=theme-]{background:#fff}.library-search{display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--control-border);border-radius:12px;padding:12px 16px;color:var(--muted);margin-bottom:28px}.library-search:focus-within{outline:3px solid var(--brand-ink);outline-offset:3px}.library-search input{border:0;outline:none;flex:1;background:transparent;font-size:1rem;width:100%;min-height:44px}.library-search input:focus-visible{outline:none}.library-search kbd{display:none}.library-tabs{display:flex;flex-wrap:wrap;gap:8px 24px;border-bottom:1px solid var(--line);margin-bottom:24px}.library-tabs button{position:relative;display:flex;align-items:center;gap:7px;min-height:48px;font-size:1rem;color:var(--muted);padding:10px 0 14px}.library-tabs button.active{font-weight:700;color:var(--ink)}.library-tabs button.active:after{content:"";position:absolute;bottom:-1px;height:4px;background:var(--brand-ink);border-radius:3px;left:0;right:0}.library-tabs button span{font-size:var(--text-small);background:var(--brand-soft);color:var(--brand-ink);border-radius:12px;padding:0 6px}.library-filters{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.filter-chips{display:flex;gap:4px;flex-wrap:wrap;max-width:100%;padding:4px;border:1px solid var(--control-border);border-radius:12px;background:var(--paper)}.filter-chip{font-size:var(--text-small);line-height:1.5;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:8px;background:none;color:var(--muted)}.filter-chip:hover{color:var(--brand-ink);background:var(--brand-soft)}.filter-chip.active{background:var(--brand-soft);border-color:var(--brand-ink);color:var(--brand-ink);font-weight:700}.support-filter{display:flex;align-items:center;gap:8px;min-height:44px;font-size:var(--text-small);color:var(--muted);cursor:pointer}.support-filter input{margin:0}.results-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;font-size:var(--text-small);color:var(--muted);margin-bottom:20px}.results-heading strong{color:var(--ink);font-size:1.125rem;margin-right:3px}.results-heading label{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%}.results-heading .sort-label{flex-shrink:0;white-space:nowrap}.results-heading .select-control{max-inline-size:15rem}.library-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,16.875rem),1fr));gap:24px}.worksheet-learning-scope{margin-top:8px;font-size:var(--text-body);color:var(--muted)}.creation-scope-note{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-bottom:24px}.library-grid .worksheet-cover{height:220px}.library-grid .worksheet-cover .mini-worksheet{width:172px;height:250px;top:34px;padding:14px}.sample-note{font-size:var(--text-small);color:var(--muted);display:flex;align-items:flex-start;gap:8px;margin-top:28px}.sample-note svg{margin-top:5px}.empty-state{padding:48px 24px;text-align:center;color:var(--brand-ink);display:flex;align-items:center;flex-direction:column;gap:16px}.empty-state h3{font-size:1.25rem;color:var(--ink)}.empty-state p{font-size:1rem;max-width:32em;color:var(--muted)}.create-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:32px;align-items:start}.create-form{padding:28px}.form-step-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.form-step-title>span{background:var(--brand-soft);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--brand-ink);font-size:var(--text-small);font-weight:700;flex-shrink:0}.form-step-title h2{font-size:1.25rem}.form-step-title p{font-size:1rem;color:var(--muted);margin-top:6px}.subject-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.subject-option{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--control-border);border-radius:10px;font-size:1rem;color:var(--muted);min-height:52px;text-align:left}.subject-option>span{font-size:1.25rem;width:26px;text-align:center;color:var(--brand-ink);flex-shrink:0}.subject-option>svg{margin-left:auto}.subject-option.active{background:var(--brand-soft);border:2px solid var(--brand-ink);padding:11px;color:var(--ink);font-weight:700}.field-label{display:flex;flex-direction:column;gap:10px;font-size:1rem;font-weight:600;color:var(--ink);margin-top:20px}.field-label>input,.field-label>textarea,.review-form textarea{border:1px solid var(--control-border);border-radius:8px;background:var(--paper);min-height:48px;padding:12px;font-size:1rem;width:100%;line-height:1.75}.field-label textarea{resize:vertical}.field-label>.optional{font-size:var(--text-small);color:var(--muted);font-weight:400;margin-top:-8px}.field-label>small{font-size:var(--text-small);color:var(--muted);font-weight:400}.form-divider{height:1px;background:var(--line);margin:32px 0}.field-row{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-top:-16px}.segmented-control{display:flex;flex-wrap:wrap;gap:6px}.segmented-control button{border:1px solid var(--control-border);border-radius:8px;min-width:48px;min-height:48px;padding:8px;color:var(--muted);font-size:1rem;flex:1 1 4rem}.segmented-control button.active{border:2px solid var(--brand-ink);background:var(--brand-soft);color:var(--ink);font-weight:700;padding:7px}.time-estimate{display:flex;align-items:center;gap:8px;min-height:48px;color:var(--muted);font-size:1rem}.support-toggle{display:flex;position:relative;align-items:center;justify-content:space-between;background:var(--bg);border-radius:10px;padding:18px 16px;margin-top:20px;cursor:pointer;gap:16px}.support-toggle strong{display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--ink)}.support-toggle small{font-size:var(--text-small);color:var(--muted);display:block;margin-top:6px}.support-toggle input{position:absolute;right:16px;opacity:0}.toggle-visual{width:44px;height:28px;background:#d5cfc0;border:1px solid var(--control-border);border-radius:16px;position:relative;flex-shrink:0}.toggle-visual:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:var(--paper);border:1px solid var(--control-border)}.support-toggle input:checked+.toggle-visual{background:var(--brand-ink);border-color:var(--brand-ink)}.support-toggle input:checked+.toggle-visual:after{left:19px;border-color:var(--brand-ink)}.support-toggle input:focus-visible+.toggle-visual{outline:3px solid var(--brand-ink);outline-offset:4px}.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));gap:8px}.theme-option{min-height:104px;border:1px solid var(--control-border);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:12px 8px;position:relative;color:var(--ink);font-size:var(--text-small)}.theme-option>.theme-art{width:64px;height:48px}.theme-option.active{outline:2px solid var(--brand-ink);outline-offset:-2px}.theme-option>i{position:absolute;top:6px;right:6px;border-radius:50%;background:var(--brand-ink);color:#fff;display:flex;padding:3px}.form-hint{font-size:var(--text-small);line-height:1.8;color:var(--muted);margin-top:18px}.generate-button{margin-top:24px;min-height:52px}.form-bottom-note{font-size:var(--text-small);color:var(--muted);margin-top:12px}.create-preview{position:sticky;top:24px;min-width:0}.create-preview-placeholder{border:1px dashed var(--control-border);border-radius:14px;min-height:590px;display:flex;align-items:center;flex-direction:column;justify-content:center;background:#f2efe5;padding:28px}.placeholder-paper{height:315px;width:235px;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:28px 22px;transform:rotate(3deg);box-shadow:0 8px 22px #6249000a}.placeholder-line{height:5px;width:90px;background:var(--line);border-radius:4px;margin:8px auto}.placeholder-line.long{width:140px;height:9px}.placeholder-equations{display:grid;grid-template-columns:1fr 1fr;gap:30px 14px;margin-top:32px;color:var(--control-border);font-size:15px}.placeholder-equations>span{display:flex;align-items:center;gap:3px;white-space:nowrap}.placeholder-equations b{border:1px solid var(--control-border);width:23px;height:28px;border-radius:4px;display:inline-block}.placeholder-paper>.theme-art{width:115px;display:block;margin:10px 0 0 auto;opacity:.5}.preview-caption{display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;color:var(--brand-ink);margin-top:32px}.preview-caption strong{font-size:1rem;color:var(--ink)}.preview-caption>span{font-size:var(--text-small);color:var(--muted)}.creation-tip{display:flex;gap:10px;padding:24px 4px;color:var(--brand-ink)}.creation-tip strong{font-size:1rem}.creation-tip p{font-size:1rem;color:var(--muted);margin-top:6px}.generated-preview{background:#f2efe5;border:1px solid var(--line);border-radius:12px;padding:16px}.generation-checks{display:flex;gap:8px 16px;flex-wrap:wrap;color:var(--success);font-size:var(--text-small);margin:20px 0}.generation-checks>span{display:flex;align-items:center;gap:5px}.generated-preview>p{font-size:var(--text-small);color:var(--muted);margin-top:12px}.generating .placeholder-paper{animation:breathe 1.6s ease-in-out infinite}.back-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--brand-ink);font-size:var(--text-small);margin-bottom:20px;text-decoration:underline;text-underline-offset:4px}.detail-layout,.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.detail-paper-column{min-width:0}.paper-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:var(--text-small);color:var(--muted);margin-bottom:12px}.paper-tools>span,.paper-tools label{display:flex;align-items:center;gap:8px;min-height:44px}.paper-tools label{margin-left:auto}.detail-paper{min-width:0;padding:16px;background:#f0ede3;border:1px solid var(--line);border-radius:12px}.detail-info h1{font-size:1.5rem;margin:14px 0 20px}.detail-author{display:flex;gap:8px;align-items:center;font-size:1rem;flex-wrap:wrap}.detail-author small{display:block;color:var(--muted);font-size:var(--text-small);margin-top:4px}.detail-rating{display:inline-flex;gap:4px;align-items:center;margin-left:auto;color:var(--brand-ink);font-size:var(--text-small)}.detail-info>p{font-size:1rem;color:var(--muted);margin:20px 0}.worksheet-specs{margin:0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.worksheet-specs>div{display:grid;grid-template-columns:5em minmax(0,1fr);gap:12px;font-size:var(--text-small);padding:6px 0}.worksheet-specs dt{color:var(--muted)}.worksheet-specs dd{margin:0;color:var(--ink)}.verified-label{display:flex;align-items:center;gap:7px;font-size:var(--text-small);color:var(--success);margin:20px 0}.detail-info>.button+.button{margin-top:12px}.detail-secondary-actions{display:flex;flex-direction:column;gap:4px;padding-top:16px}.detail-secondary-actions>a,.detail-secondary-actions>button{display:flex;gap:8px;align-items:center;font-size:var(--text-small);color:var(--brand-ink);min-height:44px;text-align:left;text-decoration:underline;text-underline-offset:4px}.publish-control{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.publish-control small{font-size:var(--text-small);color:var(--muted)}.detail-sidebar{display:flex;flex-direction:column;gap:24px;min-width:0}.detail-reviews h3{font-size:1.125rem;margin-bottom:16px}.review-quote{font-size:1rem;color:var(--muted)}.detail-reviews>small{font-size:var(--text-small);color:var(--muted);display:block;margin-top:12px}.detail-reviews>.text-link{margin-top:12px}.review-form{margin-top:16px;display:flex;flex-direction:column;gap:12px}.review-questions h2{font-size:1.25rem}.pending-question{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.pending-question h3{font-size:2rem;letter-spacing:.05em;margin:20px 0}.pending-question .button{margin-top:20px}.review-rule{display:flex;gap:10px;color:var(--muted);background:var(--bg);border-radius:10px;margin-top:24px;padding:16px}.review-rule p{font-size:var(--text-small)}.review-done{display:flex;align-items:center;flex-direction:column;gap:20px;padding:32px 0;color:var(--success);text-align:center}.review-done h3{font-size:1.25rem}.review-done p{font-size:1rem;color:var(--muted)}.demo-settings{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:32px}.demo-settings>div:first-child{flex:1 1 420px}.demo-settings h2{font-size:1.25rem;margin-bottom:12px}.demo-settings p{font-size:1rem;color:var(--muted)}.demo-settings p+p{margin-top:12px}.reset-confirm{max-width:300px}.reset-confirm .text-link{margin:12px}.reset-confirm p{margin-bottom:16px}.sample-preview{position:relative;overflow:hidden}.sample-preview .worksheet-question:nth-child(n+3){visibility:hidden}.sample-preview-overlay{position:absolute;inset:48% 24px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#fff;text-align:center;padding:20px;color:var(--ink);border:1px dashed var(--control-border);border-radius:10px;z-index:10}.sample-preview-overlay strong{font-size:1.125rem}.sample-preview-overlay p{font-size:1rem;color:var(--muted)}.child-picker-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.child-picker-list>button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--control-border);border-radius:10px;padding:14px;min-height:48px}.child-picker-list>button.active{border:2px solid var(--brand-ink);background:var(--brand-soft);padding:13px}.child-picker-list strong{display:block;font-size:1rem}.child-picker-list small{display:block;font-size:var(--text-small);color:var(--muted)}.child-picker-list svg{margin-left:auto;color:var(--brand-ink)}.add-child-form>.button{margin-top:24px}.manual-grading-notice{padding:16px;border-radius:10px;background:var(--warning-soft);font-size:var(--text-small);color:var(--warning);margin:0 0 20px}.child-app{min-height:100vh;background:var(--bg)}.child-header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 32px;min-height:90px}.brand-small{font-size:1.75rem}.child-app .icon-button{min-width:48px;min-height:48px}.child-header-center{display:flex;gap:10px;align-items:center;font-size:var(--text-child);color:var(--muted)}.child-parent-button{display:flex;gap:8px;align-items:center;justify-content:center;border:1px solid var(--control-border);border-radius:10px;padding:12px;min-height:48px;font-size:var(--text-small);color:var(--muted)}.child-home{max-width:1120px;margin:auto;padding:48px 32px}.child-welcome{position:relative;margin-bottom:36px;padding-right:170px}.child-welcome h1{font-size:2rem;letter-spacing:.02em;margin-bottom:16px}.child-welcome p{font-size:1.25rem;color:var(--muted)}.child-welcome>.theme-art{position:absolute;right:20px;top:0;width:145px}.child-assignment-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.child-assignment-card{display:flex;gap:24px;align-items:center;text-align:left;border:1px solid var(--control-border);padding:24px;border-radius:16px;min-height:270px}.child-card-sheet{height:184px;width:125px;overflow:hidden;flex-shrink:0;transform:rotate(-5deg)}.child-card-sheet>.mini-worksheet{width:125px;height:184px;padding:12px}.child-card-sheet .mini-question{font-size:7px}.child-card-sheet .mini-question>b{width:12px;height:16px}.child-assignment-card h2{font-size:1.25rem;margin:14px 0 12px}.child-assignment-card p{font-size:var(--text-child);color:var(--muted);margin-bottom:24px}.child-assignment-card .button{font-size:var(--text-child);min-height:52px}.child-gentle-note{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:var(--text-child);margin-top:36px}.child-workspace{max-width:880px;margin:auto;padding:28px clamp(12px,2vw,32px) 40px}.child-workspace-heading{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:16px}.child-workspace-heading .back-link{margin-bottom:0;font-size:var(--text-child);min-height:48px}.save-status{display:flex;align-items:center;gap:8px;font-size:var(--text-small);color:var(--success)}.save-status.error{color:var(--danger)}.save-status.saving{color:var(--muted)}.child-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:20px}.drawing-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.drawing-tools button{display:flex;gap:7px;align-items:center;justify-content:center;padding:10px 12px;min-height:48px;min-width:48px;border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:var(--text-child)}.drawing-tools button.active{background:var(--brand-soft);color:var(--ink);border-color:var(--brand-ink);font-weight:700}.drawing-tools>span{height:24px;width:1px;background:var(--line);margin:0 3px}.demo-answer-button{font-size:var(--text-small);color:var(--muted);padding:12px;min-height:44px;border:1px dashed var(--control-border);border-radius:8px}.child-demo-notice{position:relative;background:var(--warning-soft);border:1px solid var(--control-border);border-radius:8px;padding:16px 60px 16px 16px;color:var(--warning);font-size:var(--text-small);margin-bottom:16px}.child-demo-notice>button{position:absolute;right:5px;top:6px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:inherit}.child-paper{min-width:0;background:#f0ede3;border-radius:12px;border:1px solid var(--line);overflow:hidden;padding:12px}.child-submit-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;align-items:center;padding:24px 0 12px}.child-submit-bar>span{display:flex;gap:8px;align-items:flex-start;font-size:var(--text-child);color:var(--muted);flex:1 1 260px}.child-submit-bar>span svg{margin-top:5px}.child-submit-bar>.button{font-size:var(--text-child);min-height:56px;padding:14px 24px}.child-mock-caption{font-size:var(--text-small);color:var(--muted);margin-top:12px}.child-save-retry{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:var(--warning-soft);border:1px solid var(--control-border);padding:16px;margin-top:20px;border-radius:10px;font-size:1rem;color:var(--warning)}.child-result{max-width:840px;margin:auto;text-align:center;padding:48px 32px 64px}.result-illustration{position:relative;display:inline-block;margin-bottom:20px}.result-illustration>.theme-art{width:190px;height:150px}.result-illustration>span{position:absolute;right:0;bottom:8px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--success);color:#fff;border-radius:50%;border:3px solid var(--bg)}.child-result h1{font-size:2rem;margin-bottom:16px}.child-result>p{font-size:var(--text-child);color:var(--muted);line-height:1.9}.child-result-card{margin:32px 0;padding:28px}.child-result-card h2{font-size:1.25rem}.result-question-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin:28px 0}.result-dot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:var(--success);background:var(--success-soft)}.result-dot small{position:absolute;top:-18px;left:0;right:0;font-size:var(--text-small);color:var(--muted)}.result-dot.incorrect{color:var(--warning);background:var(--warning-soft)}.result-dot.pending{color:var(--muted);background:#f0eee6}.result-key{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;font-size:var(--text-small);color:var(--muted)}.result-key span{display:inline-flex;align-items:center;gap:7px}.child-result-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.child-result-actions>.button{min-height:56px;font-size:var(--text-child)}.child-saved{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:var(--text-child);margin-top:28px}.modal{width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid var(--control-border);background:var(--paper);border-radius:16px;padding:24px;box-shadow:0 24px 80px #2d2a2026;color:var(--ink)}.modal::backdrop{background:#2d2a2066;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-header{container:modal-heading / inline-size;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}.modal-header h2{font-size:1.25rem}@container modal-heading (max-width: 10rem){.modal-header h2{grid-column:1 / -1;grid-row:2}.modal-header>.icon-button{grid-column:2;grid-row:1;justify-self:end}}.parent-gate,.submit-confirm{display:flex;align-items:center;flex-direction:column;gap:20px;color:var(--brand-ink);text-align:center}.parent-gate p,.submit-confirm p{font-size:var(--text-child);color:var(--ink);line-height:1.9}.parent-gate>.muted{font-size:var(--text-small);margin-top:-8px}.submit-confirm .button{font-size:var(--text-child);min-height:52px}.modal-message{font-size:var(--text-child);color:var(--muted);margin-bottom:24px}.modal>.button+.button{margin-top:12px}.toast-stack{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;gap:10px;z-index:200;pointer-events:none;max-width:480px}.toast{display:flex;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--success);border-radius:12px;box-shadow:0 8px 30px #2d2a2015;padding:16px 20px;color:var(--success);font-size:1rem;animation:toast-in .2s ease-out}.toast-info{color:var(--ink);border-color:var(--control-border)}.toast-error{color:var(--danger);border-color:var(--danger);background:#fff5f2}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px}.loading-dots{font-size:1rem;color:var(--muted)}.spinner{height:18px;width:18px;border:2px solid var(--control-border);border-top-color:var(--ink);border-radius:50%;display:inline-block;animation:spin .8s linear infinite}.page-enter{animation:page-in .2s ease-out}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100vh;padding:32px}.error-screen h1{font-size:1.5rem}.error-screen p{font-size:1rem;color:var(--muted)}.mobile-menu,.sidebar-scrim,.drawer-close{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.65}}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1399px){.dashboard-columns{grid-template-columns:minmax(0,1fr)}.dashboard-aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.recommendation-content{width:65%}.recommendation-art{right:48px;width:28%}.detail-layout,.review-layout{grid-template-columns:minmax(0,1fr)}.detail-sidebar{display:contents}.detail-info{grid-row:1}.detail-paper-column{grid-row:2}.detail-reviews{grid-row:3}.review-questions{grid-row:1}.create-layout{grid-template-columns:minmax(0,1fr)}.create-preview{position:static;width:100%}}@media(max-width:1100px){.app-shell{display:block}.sidebar{transform:translate(-100%);visibility:hidden;width:280px;padding:28px 20px;z-index:100}.sidebar.is-open{transform:translate(0);visibility:visible}.drawer-close{display:inline-flex;align-self:flex-end;margin-bottom:8px}.sidebar-scrim{display:block;position:fixed;inset:0;background:#2d2a2066;z-index:90}.mobile-menu{display:inline-flex;margin-right:12px}.dashboard-aside{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}}@media(min-width:741px)and (max-width:900px){.main-content{padding-left:20px;padding-right:20px}.detail-paper{padding:10px}.generated-preview{padding:12px}}@media(max-width:740px){.topbar{min-height:72px;padding:12px 16px;gap:8px;flex-wrap:wrap}.topbar-start{flex:1 1 100px}.topbar-actions{margin-left:auto}.topbar-actions{gap:6px}.breadcrumb>svg,.breadcrumb>strong{display:none}.notification-button,.topbar .avatar{display:none}.child-mode-link{padding:10px}.demo-strip{padding:12px 20px;gap:4px 12px}.demo-strip-detail{display:none}.main-content{padding:28px 20px 48px}.page-head{flex-wrap:wrap;gap:20px;margin-bottom:28px}.page-head h1{font-size:1.5rem;letter-spacing:0}.page-head p{margin-top:12px}.child-selector{padding:8px 12px 8px 8px}.recommendation{padding:24px;min-height:0}.recommendation-content{width:100%}.recommendation h2{font-size:1.75rem}.recommendation-art{display:none}.recommendation-meta{margin-top:20px}.hero-actions{gap:8px 16px}.dashboard-main{gap:32px}.section-heading{flex-wrap:wrap;gap:8px;margin-bottom:16px}.section-heading h2{font-size:1.25rem}.assignment-row{flex-wrap:wrap;padding:18px;gap:12px}.assignment-thumb{display:none}.assignment-row>.button{margin-left:auto}.assignment-copy{flex-basis:100%}.worksheet-grid{grid-template-columns:1fr;gap:20px}.worksheet-cover{height:200px}.worksheet-card-body{padding:20px}.worksheet-card h3{font-size:1.125rem}.dashboard-aside{grid-template-columns:1fr}.weekly-card>p{gap:16px}.week-dots{gap:6px}.week-dots>div>span{width:32px;height:32px}.main-footer{padding:24px 20px}.main-footer span:nth-child(2){flex-basis:100%;order:3}.library-tabs{gap:8px 20px}.library-tabs button{font-size:var(--text-small)}.library-search{padding:10px 12px;gap:8px}.library-search>svg{width:18px}.results-heading{align-items:flex-start}.results-heading label{flex-wrap:wrap}.create-form{padding:24px 20px}.field-row{grid-template-columns:1fr;gap:0}.theme-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));gap:10px}.subject-options{grid-template-columns:1fr}.create-preview-placeholder{padding:28px 20px;min-height:520px}.generated-preview{padding:12px}.detail-layout,.review-layout{grid-template-columns:minmax(0,1fr)}.detail-sidebar{display:contents}.detail-info{grid-row:1}.detail-paper-column{grid-row:2}.detail-reviews{grid-row:3}.detail-paper{padding:10px}.paper-tools label{margin-left:0}.sample-preview-overlay{inset:48% 12px 12px;padding:16px;gap:12px}.sample-preview-overlay p{font-size:var(--text-small)}.child-header{padding:16px 20px;gap:12px;flex-wrap:wrap}.child-header .brand{font-size:1.5rem}.child-header .brand small{display:none}.child-header-center{order:3;flex-basis:100%}.child-parent-button{padding:10px}.child-home{padding:32px 20px}.child-welcome{padding-right:0;margin-bottom:28px}.child-welcome h1{font-size:1.5rem}.child-welcome>.theme-art{display:none}.child-assignment-grid{grid-template-columns:1fr}.child-assignment-card{padding:24px;gap:16px}.child-card-sheet{display:none}.child-gentle-note{align-items:flex-start;justify-content:flex-start}.child-gentle-note svg{margin-top:5px}.child-workspace{padding:20px 12px 32px}.child-workspace-heading{padding:0 8px}.drawing-tools{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.drawing-tools>span{display:none}.drawing-tools button{justify-content:flex-start;padding:10px}.child-toolbar{padding:12px}.child-paper{padding:8px}.child-submit-bar{padding:24px 8px 12px}.child-submit-bar>.button{width:100%}.child-mock-caption{padding:0 8px}.child-result{padding:32px 20px 48px}.child-result h1{font-size:1.5rem}.child-result-card{padding:28px 20px}.child-result-actions>.button{width:100%}.child-saved{align-items:flex-start;text-align:left}.toast-stack{right:16px;left:16px;bottom:16px;max-width:none}.toast{padding:16px}.modal{padding:20px}}@media(max-width:360px){.topbar{padding:12px}.breadcrumb{display:none}.main-content{padding-left:16px;padding-right:16px}.recommendation,.card{padding:20px}.child-header{padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{html,body{background:#fff!important}.sidebar,.topbar,.demo-strip,.main-footer,.back-link,.paper-tools,.detail-sidebar,.detail-info,.detail-reviews,.toast-stack,.skip-link{display:none!important}.app-shell,.app-body,.main-content,.detail-layout{display:block!important;padding:0!important;margin:0!important;min-height:0!important}.detail-paper{padding:0!important;border:0!important;background:#fff!important}.worksheet-detail{padding:0!important}.worksheet-paper{box-shadow:none!important;border:0!important;border-radius:0!important;width:190mm!important;max-width:190mm!important;margin:0 auto!important}.detail-paper-column{width:100%!important}@page{size:A4 portrait;margin:10mm}}html.writing-session,.writing-session body{height:100%;overflow:hidden;overscroll-behavior:none}.child-app.is-writing{display:flex;flex-direction:column;height:var(--writing-height, 100dvh);min-height:0;overflow:hidden}.is-writing .child-header{flex-shrink:0;min-height:64px;padding:8px 16px;flex-wrap:nowrap}.writing-back{display:inline-flex;align-items:center;gap:8px;min-width:48px;min-height:48px;font-size:var(--text-child);padding:8px;border-radius:8px}.is-writing .child-workspace{display:flex;flex:1;flex-direction:column;gap:8px;width:100%;max-width:1000px;min-height:0;margin:0 auto;padding:8px 12px}.is-writing .child-workspace-heading{flex-shrink:0;padding:0;margin:0;gap:4px 12px}.writing-mode-label{font-size:var(--text-child)}.is-writing .save-status{min-height:24px}.is-writing .child-toolbar{flex-shrink:0;padding:4px;margin:0}.is-writing .drawing-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.is-writing .drawing-tools button{justify-content:center;min-height:48px}.is-writing .child-paper{display:flex;flex:1;min-height:0;padding:0}.fixed-worksheet-stage{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.writing-stage-controls{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;flex-shrink:0;background:var(--paper);border-bottom:1px solid var(--line)}.writing-stage-controls button{min-width:48px;min-height:48px;padding:6px 12px;font-size:var(--text-child);border:1px solid var(--control-border);border-radius:8px;background:var(--paper)}.writing-lock-note{margin-left:auto;padding:4px 8px;font-size:var(--text-small);color:var(--muted)}.writing-viewport{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;overflow:clip;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.writing-paper-position{position:absolute;top:0;left:0;width:700px;height:900px}.writing-feedback{flex-shrink:0;min-width:0}.is-recovering .child-workspace{overflow-y:auto;overscroll-behavior:contain}.is-recovering .child-workspace-heading,.is-recovering .child-save-retry{flex-shrink:0}.is-recovering .child-toolbar,.is-recovering .writing-stage-controls,.is-recovering .writing-viewport,.is-recovering .child-submit-bar{display:none}.is-recovering .child-paper{flex:0 0 auto;display:block}.is-recovering .child-save-retry{margin-top:0}.is-writing .child-submit-bar{flex-shrink:0;padding:0;gap:8px}.is-writing .child-submit-bar>span{flex:1 1 200px}.writing-settings{align-items:stretch;text-align:left;gap:16px}.writing-settings>section{display:grid;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.writing-settings h3{font-size:1.125rem;color:var(--ink)}.writing-settings p.form-hint{font-size:var(--text-small);color:var(--muted);line-height:1.7}.answer-mode-options{display:flex;flex-wrap:wrap;gap:8px}.answer-mode-options>button{flex:1 1 160px}.writing-touch-option{display:flex;align-items:center;gap:12px;min-height:48px;color:var(--ink);font-size:1rem}.writing-touch-option input{width:24px;height:24px;flex-shrink:0}@media(max-width:740px){.is-writing .child-header{padding:4px 8px;min-height:56px}.is-writing .child-workspace{padding:4px;gap:4px}.is-writing .drawing-tools{gap:4px}.is-writing .drawing-tools button{padding:8px 4px;gap:4px;flex-wrap:wrap}.writing-stage-controls button{flex:1;padding:6px 8px}.writing-lock-note{display:none}.is-writing .child-submit-bar>span{display:none}.is-writing .child-submit-bar>.button{width:100%;padding:10px 16px}}.brand-art{display:block;max-width:100%;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.week-dots{grid-template-columns:repeat(auto-fit,minmax(1.875rem,1fr))}.week-dots>div>span{width:1.875rem;height:1.875rem;font-size:var(--text-small);white-space:nowrap}.recommendation-art{top:24px;bottom:24px;right:16px;width:36%;height:auto;display:flex;align-items:center}.recommendation-art>.brand-art{width:100%}.child-welcome{min-height:220px;padding-right:330px;display:flex;flex-direction:column;justify-content:center}.child-welcome>.brand-art{position:absolute;right:0;top:0;width:300px;height:220px}.result-illustration>.brand-art{width:260px;height:240px}.assignment-thumb>span{font-size:var(--text-small);line-height:1.6;text-align:center;color:var(--ink)}.set-builder-entry{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:24px;background:var(--brand-soft);border:1px solid var(--line);border-radius:12px;margin-bottom:28px}.set-builder-entry h2{font-size:1.25rem;margin-bottom:12px}.set-builder-entry p{color:var(--muted);font-size:1rem}@media(max-width:740px){.recommendation-art{position:static;display:block;width:100%;max-width:300px;height:auto;margin:16px auto 0}.child-welcome{min-height:0;padding-right:0}.child-welcome>.brand-art{position:static;width:min(100%,280px);height:auto;margin:12px auto 0}.result-illustration>.brand-art{width:220px;height:210px}}.child-submit-bar{justify-content:flex-end}.submit-sheet{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;flex-shrink:0;width:24px;height:30px;border:1px solid currentColor;border-radius:3px;padding:5px;background:var(--paper)}.submit-sheet i{height:1px;width:100%;background:currentColor}.submit-tray{position:relative;display:grid;place-items:end center;width:120px;height:116px;padding-bottom:10px;margin:0 auto 20px}.submit-tray:after{content:"";position:absolute;bottom:0;width:120px;height:44px;border:1px solid var(--brand-ink);background:var(--brand);border-radius:10px}.submit-tray>div{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:10px;width:74px;height:96px;border:1px solid var(--control-border);border-radius:5px;padding:16px;background:var(--paper);transform:rotate(-5deg)}.submit-tray i{display:block;height:1px;background:var(--control-border)}.submit-confirm>p{margin-bottom:20px}.writing-stage-controls button{display:inline-flex;justify-content:center;align-items:center}.writing-lock-note{display:inline-flex;align-items:center}.child-workspace-heading{justify-content:flex-end}.writing-mode-label{margin-right:auto}
