:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;color:#1e293b;background:#f8fafc;font-synthesis:none;font-weight:400;--accent: #4f46e5;--ink: #1e293b;--muted: #64748b;--line: #e2e8f0;--paper: #ffffff;--serif: "Noto Serif SC", "Songti SC", serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #64748b;outline-offset:4px}button,a{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:600}svg{flex-shrink:0}button svg,a svg{vertical-align:middle}.site-header{max-width:1280px;margin:0 auto;height:100px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;background:var(--accent);color:#f8fafc;display:grid;place-items:center;border-radius:13px}.brand-name{font-family:var(--serif);font-size:27px;letter-spacing:3px;line-height:1.2;font-weight:700}.brand-name>span{display:block;font-family:Georgia,serif;font-size:10px;letter-spacing:1px;color:#64748b;margin-top:5px;font-weight:400}.site-header nav{display:flex;align-self:stretch;gap:34px}.site-header nav a{display:flex;align-items:center;position:relative;font-size:14px;color:#64748b}.site-header nav a.active{color:var(--accent);font-weight:600}.site-header nav a.active:after{content:"";height:3px;width:20px;border-radius:2px;background:var(--accent);bottom:22px;left:calc(50% - 10px);position:absolute}.header-search{display:flex;gap:8px;align-items:center;font-size:13px;border:1px solid #e2e8f0;padding:10px 15px;border-radius:30px}.main-shell{max-width:1184px;padding:0 32px;margin:0 auto;min-height:65vh}.welcome-line{display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:12px;padding:32px 0 22px;letter-spacing:.3px}.welcome-line>span:first-child{display:flex;gap:8px;align-items:center}.welcome-line>span:last-child{font-size:11px}.hero{background:#fff;display:grid;grid-template-columns:46% 54%;min-height:410px;border:1px solid #e2e8f0;border-radius:22px;overflow:hidden;box-shadow:0 9px 22px #1e293b07}.hero-copy{padding:52px 28px 42px 44px;position:relative;z-index:1}.eyebrow{font-family:Noto Sans SC,sans-serif;font-size:10px;font-weight:500;letter-spacing:1.6px;color:#64748b;line-height:1.8}.hero .eyebrow{letter-spacing:1.3px;display:flex;align-items:center;gap:8px}.tiny-dot{height:6px;width:6px;background:#64748b;border-radius:50%;display:inline-block}.hero h1{font-size:42px;line-height:1.45;letter-spacing:2px;margin:22px 0 14px}.hero-description{font-family:var(--serif);font-size:15px;color:#64748b;line-height:1.9;max-width:320px}.lesson-meta{display:flex;gap:16px;font-size:10px;color:#64748b;margin-top:24px}.lesson-meta span{display:flex;align-items:center;gap:6px}.primary,.secondary,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;line-height:1.5;transition:background .15s,transform .15s}.primary{background:var(--accent);color:#fff;border:1px solid var(--accent);padding:13px 23px;border-radius:9px}.primary:hover:not(:disabled){background:#1e293b;transform:translateY(-1px)}.secondary{border:1px solid #e2e8f0;border-radius:8px;padding:11px 17px;background:#fff}.secondary:hover{background:#f8fafc}.text-button{padding:8px 0;color:#475569;font-size:12px}.hero-start{margin-top:27px;min-width:208px;justify-content:space-between}.hero-footnote{font-size:10px;letter-spacing:1px;color:#64748b;margin-top:15px}.hero-art{position:relative;min-height:410px;background:#e2e8f0}.hero-art img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:65% center;mix-blend-mode:multiply}.art-note{position:absolute;bottom:23px;right:26px;display:flex;align-items:center;gap:7px;background:#f8fafcd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:9px 13px;border:1px solid #fffc;border-radius:4px;font-size:10px;letter-spacing:.4px;color:#475569}.typographic-art{height:100%;min-height:410px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,#ffffff85,transparent 60%)}.typographic-art>span{font-family:var(--serif);font-size:175px;font-weight:400;color:#64748b}.typographic-art>p{font-family:var(--serif);font-size:20px;letter-spacing:12px;color:#64748b}.learning-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 5px;margin-bottom:26px;border-bottom:1px solid var(--line)}.learning-strip>div{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid var(--line)}.learning-strip>div:last-child{border:0}.learning-strip svg{width:22px;color:#64748b;stroke-width:1.3}.strip-number{font-family:Georgia,serif;font-size:10px;color:#64748b}.learning-strip p{font-size:13px;color:#475569}.learning-strip p span{display:block;font-size:10px;color:#64748b;margin-top:5px}.hanzi-icon{font-family:var(--serif);font-size:23px;color:#64748b}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:31px 0 24px}.section-title h2{font-size:24px;letter-spacing:1px;margin-top:5px}.lesson-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lesson-card{border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.lesson-card:hover{transform:translateY(-3px);box-shadow:0 7px 22px #1e293b0a}.lesson-card.morning,.hero-art.morning,.lesson-card.food,.hero-art.food,.lesson-card.rain,.hero-art.rain{background:#e2e8f0}.lesson-card.friend,.hero-art.friend{background:#f8fafc}.lesson-card.tree,.hero-art.tree{background:#e2e8f0}.card-main{text-align:left;width:100%;padding:22px;position:relative;min-height:217px}.card-top{display:flex;justify-content:space-between;font-size:10px;color:#64748b;position:relative;z-index:1}.card-character{font-family:var(--serif);position:absolute;right:22px;top:33px;font-size:93px;line-height:1.3;color:#94a3b8;opacity:.36;pointer-events:none}.card-main h3{font-family:var(--serif);font-size:20px;font-weight:600;position:relative;margin:33px 0 10px}.card-main>p{font-size:11px;color:#64748b;max-width:85%;line-height:1.8;position:relative;min-height:38px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #94a3b833;margin-top:19px;padding-top:13px;color:#64748b;font-size:10px}.done-label{display:flex;gap:3px;align-items:center;color:#475569}.paper-note{display:flex;align-items:center;gap:20px;border:1px dashed #e2e8f0;border-radius:12px;padding:27px 31px;margin:32px 0 44px;background:#f8fafc}.paper-note>svg{color:#64748b}.paper-note h3{font-size:14px;font-weight:500}.paper-note p{font-size:11px;color:#64748b;margin-top:6px}.paper-note button{margin-left:auto;white-space:nowrap}.site-footer{max-width:1120px;margin:0 auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 0 35px;color:#64748b;font-size:10px;gap:16px}.site-footer>span{letter-spacing:1.5px}.site-footer a{display:flex;align-items:center;gap:8px}.page-heading{margin:48px 0 32px}.page-heading h1{font-size:34px;letter-spacing:1px;margin:10px 0 12px}.page-heading>p:last-child{font-size:13px;color:#64748b;line-height:1.9}.series-intro{display:grid;grid-template-columns:170px 1fr;gap:42px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;margin-bottom:30px;align-items:center}.book-cover{background:#475569;color:#e2e8f0;min-height:235px;padding:28px 23px;display:flex;flex-direction:column;align-items:center;box-shadow:inset 5px 0 #ffffff18,7px 5px #e2e8f0;border-radius:2px 7px 7px 2px;font-family:var(--serif)}.book-cover>span{font-size:17px;letter-spacing:4px}.book-cover strong{font-size:46px;letter-spacing:8px;margin:5px 0 17px;font-weight:500}.book-cover small{font:7px Georgia,serif;letter-spacing:1.3px;margin-top:20px}.pill{display:inline-block;background:#f8fafc;border-radius:20px;padding:5px 11px;font-size:10px;color:#64748b}.series-intro h2{font-size:29px;margin:14px 0}.series-intro p{font-size:13px;line-height:2;color:#64748b;max-width:660px}.goal-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 22px}.goal-tags>span{font-size:10px;color:#64748b;border-bottom:1px solid #e2e8f0;padding:3px}.series-list{border-top:1px solid var(--line)}.series-row{display:flex;align-items:center;gap:23px;text-align:left;width:100%;padding:24px 14px;border-bottom:1px solid var(--line)}.series-row:hover{background:#f8fafc}.lesson-order{font:20px Georgia,serif;color:#64748b;width:40px;height:40px;display:grid;place-items:center;border:1px solid #e2e8f0;border-radius:50%}.lesson-order.done{background:#e2e8f0;color:#475569;border-color:transparent}.series-row h3{font-family:var(--serif);font-size:19px;font-weight:500}.series-row p{font-size:11px;color:#64748b;margin-top:6px}.row-chars{margin-left:auto;font-family:var(--serif);color:#64748b;font-size:19px}.row-time{font-size:11px;color:#64748b;width:75px;text-align:right}.upcoming-note{font-size:12px;line-height:1.9;color:#64748b;text-align:center;padding:32px 16px 44px}.progress-overview{display:flex;align-items:center;justify-content:space-between;padding:28px 35px;background:#f8fafc;border-radius:12px;gap:18px}.progress-overview>div{display:flex;flex-direction:column;gap:5px}.progress-overview strong{font:35px Georgia,serif;color:#475569}.progress-overview small{font-size:17px;color:#64748b}.progress-overview span{font-size:10px;color:#64748b}.filter-tabs{display:flex;gap:8px;margin:29px 0 22px}.filter-tabs button{padding:9px 15px;border-radius:20px;font-size:12px;color:#64748b}.filter-tabs .active{background:#e2e8f0;color:#475569}.library-cards{padding-bottom:20px}.card-bookmark{position:absolute;right:17px;top:42px;z-index:2}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:36px;border-radius:50%;color:#64748b}.icon-button:hover{background:#e2e8f0}.is-saved{color:#475569}.data-tools{margin:30px 0 50px;border-top:1px solid var(--line);padding-top:20px;color:#64748b;font-size:12px}.data-tools summary{cursor:pointer}.data-tools p{line-height:1.9;margin:16px 0}.data-tools>div{display:flex;gap:12px;flex-wrap:wrap}.data-tools .legacy-export{display:block}.reader-breadcrumb{display:flex;align-items:center;gap:18px;font-size:11px;color:#64748b;padding:24px 0}.reader-breadcrumb>a{display:flex;align-items:center;gap:7px}.reader-breadcrumb>div{display:flex;margin-left:auto;gap:4px}.lesson-layout{display:grid;grid-template-columns:140px minmax(0,1fr);gap:30px;max-width:1060px;margin:0 auto 50px}.lesson-steps{position:sticky;top:30px;align-self:start;padding-top:20px}.lesson-steps button{display:flex;gap:10px;align-items:center;font-size:12px;color:#64748b;padding:10px 6px;margin-bottom:8px;width:100%;text-align:left}.lesson-steps button>span:first-child{border:1px solid #e2e8f0;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font:12px Georgia,serif}.lesson-steps button.active{color:#475569}.lesson-steps button.active>span:first-child{background:#475569;color:#fff;border-color:#475569}.lesson-steps>p{font-size:10px;line-height:2;color:#64748b;margin:25px 5px}.lesson-page{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:42px 48px 32px;min-width:0}.reading-title h1{font-size:36px;margin:12px 0;letter-spacing:2px}.reading-title>p:last-child{font-family:var(--serif);font-size:13px;color:#64748b;line-height:1.9}.reading-image{width:100%;height:230px;object-fit:cover;object-position:50% 59%;border-radius:8px;margin:26px 0 0}.reading-toolbar{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:25px 0 20px}.reading-toolbar>button{font-size:11px;padding:7px 10px;border-radius:5px;display:flex;gap:5px;align-items:center;color:#64748b}.reading-toolbar .active{background:#e2e8f0;color:#475569}.reading-toolbar>button:nth-last-child(2){margin-left:auto}.rate-label select{background:transparent;border:0;color:#64748b;font-size:10px;max-width:92px}.reading-body{font-family:var(--serif);font-size:26px;line-height:2.2;color:#1e293b}.paragraph{position:relative;padding-right:18px;margin:20px 0}.paragraph>p{overflow-wrap:anywhere}.paragraph-speak{position:absolute;right:-21px;top:12px;opacity:.6;min-width:30px;min-height:30px}.reading-char{font:inherit;line-height:inherit;padding:0 1px;margin:0;background:transparent;border-radius:4px;display:inline}.reading-char:hover{background:#e2e8f0;color:#475569}.reading-char rt{font-family:Noto Sans SC,sans-serif;color:#64748b;font-size:10px;line-height:1.7;font-weight:400}.with-pinyin{line-height:2.8}.translation{font-family:Noto Sans SC,sans-serif!important;font-size:12px;line-height:1.9;color:#64748b;border-left:2px solid #e2e8f0;padding-left:14px;margin-top:10px}.reading-hint{font-size:10px;color:#64748b;display:flex;align-items:center;gap:6px;margin:22px 0;line-height:1.8}.word-shelf{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#f8fafc;padding:17px 20px;border-radius:8px}.word-shelf>span{font-size:11px;color:#64748b;margin-right:5px}.word-shelf button{font-family:var(--serif);font-size:23px;background:#fff;border:1px solid #e2e8f0;min-width:42px;padding:7px 10px;border-radius:5px}.expression-box{background:#f8fafc;border-left:3px solid #94a3b8;padding:20px 23px;margin:25px 0}.expression-box>span{font-size:11px;color:#64748b}.expression-box p{font-family:var(--serif);font-size:16px;line-height:1.9;margin-top:7px}.expression-box label{font-size:12px;margin-top:14px}.lesson-next{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.lesson-next>span{font-size:11px;color:#64748b;line-height:1.8}.step-title{font-size:32px;margin:14px 0}.step-intro{font-size:12px;color:#64748b;line-height:1.9;margin-bottom:28px}.question{margin:32px 0}.question h2{font-family:var(--serif);font-size:20px;line-height:1.8;display:flex;align-items:baseline;gap:12px}.question h2>span{font:12px Georgia,serif;color:#94a3b8}.answer-options{display:grid;gap:10px;margin:15px 0}.answer-options button{border:1px solid #e2e8f0;padding:14px 18px;display:flex;align-items:center;gap:14px;border-radius:8px;text-align:left;font-size:14px;background:#fff}.answer-options button>span:first-child{font:12px Georgia,serif;border:1px solid #e2e8f0;padding:5px 8px;border-radius:4px;color:#64748b}.answer-options button>svg{margin-left:auto}.answer-options button.correct{background:#e2e8f0;border-color:#94a3b8}.answer-options button.incorrect{background:#f8fafc;border-color:#94a3b8}.answer-feedback{font-size:11px;line-height:1.9;color:#64748b}.success{color:#475569}.practice-tabs{display:flex;justify-content:center;gap:15px;margin:25px 0}.practice-tabs>button{display:flex;flex-direction:column;align-items:center;position:relative;font-family:var(--serif);font-size:32px;min-width:76px;padding:12px 15px;border:1px solid #e2e8f0;border-radius:9px}.practice-tabs>button>span{font:10px Noto Sans SC,sans-serif;margin-bottom:5px;color:#64748b}.practice-tabs>button>svg{position:absolute;right:5px;bottom:5px;color:#64748b}.practice-tabs>button.active{background:#f8fafc;border-color:#64748b}.stroke-practice{display:flex;align-items:center;flex-direction:column;margin:28px 0 15px}.writing-grid{position:relative;width:262px;height:262px;border:1px solid #e2e8f0;background:linear-gradient(45deg,transparent 49.8%,#e2e8f0 49.8%,#e2e8f0 50.2%,transparent 50.2%),linear-gradient(-45deg,transparent 49.8%,#e2e8f0 49.8%,#e2e8f0 50.2%,transparent 50.2%);touch-action:none}.writing-grid:before,.writing-grid:after{content:"";position:absolute;pointer-events:none}.writing-grid:before{left:0;right:0;top:50%;border-top:1px dashed #e2e8f0}.writing-grid:after{top:0;bottom:0;left:50%;border-left:1px dashed #e2e8f0}.small .writing-grid{width:202px;height:202px}.stroke-canvas{position:relative;z-index:1}.stroke-loading{position:absolute;top:45%;width:100%;text-align:center;font-size:12px;color:#64748b}.stroke-controls{display:flex;gap:7px;align-items:center;margin-top:22px;flex-wrap:wrap;justify-content:center}.stroke-controls>button:not(.icon-button){font-size:11px;padding:10px 13px;display:flex;align-items:center;gap:6px;border:1px solid #e2e8f0;border-radius:6px}.stroke-controls .primary{border-color:var(--accent)}.practice-feedback{font-size:11px;color:#64748b;margin-top:14px;line-height:1.9;display:flex;align-items:center;min-height:22px}.practice-lookup{display:flex;justify-content:center;margin:0 auto 24px}.paper-alternative{display:flex;align-items:center;gap:15px;background:#f8fafc;padding:18px;border-radius:8px}.paper-alternative strong{font-size:12px;font-weight:500}.paper-alternative p{font-size:10px;color:#64748b;margin-top:5px;line-height:1.8}.paper-alternative button{margin-left:auto;white-space:nowrap;font-size:11px}.paper-completion{font-size:11px;color:#64748b;margin-top:20px}.paper-completion summary{cursor:pointer}.paper-completion p{margin:12px 0;line-height:1.9}.completion{text-align:center;padding:30px 0}.completion-seal{width:84px;height:84px;border-radius:50%;background:#e2e8f0;color:#64748b;margin:0 auto 28px;display:grid;place-items:center;border:1px solid #e2e8f0;outline:5px solid #f8fafc}.completion h1{font-size:30px;margin:17px 0;line-height:1.6}.completion>p{font-size:12px;color:#64748b;line-height:1.9}.completed-characters{display:flex;justify-content:center;gap:14px;margin:30px 0}.completed-characters span{font:40px var(--serif);padding:15px 20px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:5px}.completion-note{margin:20px 0!important}.completion-actions{display:flex;justify-content:center;gap:24px;margin-top:18px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1e293b33;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end}.dictionary-panel{width:420px;background:#fff;box-shadow:-15px 0 50px #1e293b16;overflow-y:auto;padding:23px 28px 35px;animation:slide .2s ease-out}.panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#64748b;margin-bottom:18px}.dictionary-search{display:flex;align-items:center;gap:9px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;margin-bottom:16px}.dictionary-search input{width:100%;min-width:0;border:0;background:transparent;outline:0;font-size:13px;padding:6px 0;color:var(--ink)}.dictionary-search button{font-size:11px;white-space:nowrap;color:#475569}.entry-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0}.entry-title p{font:14px Noto Sans SC,sans-serif;color:#64748b;margin-bottom:6px}.entry-title h2{font-size:64px;letter-spacing:8px;overflow-wrap:anywhere;line-height:1.5}.round-button{width:42px;height:42px;border:1px solid #e2e8f0;border-radius:50%;color:#64748b}.tabs{display:flex;border-bottom:1px solid var(--line);gap:20px}.tabs button{font-size:12px;padding:12px 0;color:#64748b}.tabs button.active{color:#475569;border-bottom:2px solid #475569}.entry-content h3{font-size:19px;font-family:var(--serif);line-height:1.8;margin:23px 0 8px}.entry-english{font-size:12px;color:#64748b;line-height:1.8}.entry-example{background:#f8fafc;padding:15px 18px;margin:21px 0;border-radius:7px;font-family:var(--serif);font-size:17px;line-height:1.9}.entry-content h4{font-size:11px;color:#64748b;font-weight:400;margin:28px 0 9px}.entry-content>p:not(.entry-english):not(.entry-note){font-size:13px;line-height:2;color:#64748b}.components{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}.components button{border:1px solid #e2e8f0;padding:10px 15px;display:flex;align-items:center;gap:6px;border-radius:7px;font:24px var(--serif);background:#f8fafc}.entry-note{font-size:10px;color:#94a3b8;border-top:1px solid var(--line);padding-top:20px;margin-top:35px}.empty-state{padding:50px 18px;text-align:center;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:17px}.empty-state h3{font-size:18px;font-family:var(--serif);line-height:1.9}.empty-state p{font-size:12px;line-height:2;max-width:310px}.empty-symbol{font:55px var(--serif);opacity:.5}.preview-banner{text-align:center;padding:7px;font-size:11px;background:#e2e8f0;color:#475569}.initial-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;color:#64748b}.initial-screen h1{font-size:28px}.initial-screen p{font-size:13px}.toast-region{position:fixed;bottom:20px;left:20px;right:20px;z-index:80;pointer-events:none;display:flex;justify-content:center}.toast{pointer-events:auto;display:flex;gap:15px;align-items:center;background:#1e293b;color:#f8fafc;padding:15px 20px;border-radius:10px;box-shadow:0 5px 25px #0002;font-size:12px;line-height:1.8;max-width:650px}.toast button{color:inherit}.error{color:#64748b;font-size:12px;line-height:1.9;margin:12px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.print-main{max-width:none}.print-controls{max-width:1120px;margin:30px auto;padding:0 30px}.print-controls h1{font-size:28px;margin-top:8px}.print-options{display:flex;align-items:center;flex-wrap:wrap;gap:22px;background:#e2e8f0;padding:20px;border-radius:10px;font-size:12px}.print-options label{display:flex;align-items:center;gap:10px}.print-options select{background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:8px;color:#475569;font-size:11px}.check-option{display:flex;align-items:center;gap:7px;cursor:pointer}.check-option input{accent-color:#475569;width:15px;height:15px}.lesson-selector{padding:20px 0;border-bottom:1px solid var(--line);font-size:12px;color:#64748b}.lesson-selector summary{cursor:pointer}.lesson-selector>div{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.lesson-selector label{display:flex;gap:7px;align-items:center}.lesson-selector input{accent-color:var(--accent)}.muted{font-size:11px;color:#64748b;line-height:1.9;margin-top:13px}.sheets{display:flex;flex-direction:column;align-items:center;gap:28px;margin:30px 0 20px}.sheet{width:190mm;min-height:257mm;background:#fff;color:#222;padding:8mm;box-shadow:0 3px 18px #1e293b13;position:relative;flex-shrink:0}.sheet-header{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1.5px solid #475569;padding-bottom:4mm;margin-bottom:3mm}.sheet-header span{font-size:8px;letter-spacing:2px;color:#475569}.sheet-header h2{font:24px var(--serif);letter-spacing:3px;margin-top:5px}.sheet-header>div:last-child{font-size:10px;line-height:2.2;color:#475569}.sheet-subtitle{display:flex;justify-content:space-between;font-size:9px;color:#64748b;margin-bottom:5mm}.workbook-row{break-inside:avoid;page-break-inside:avoid;margin-bottom:4mm}.stroke-sequence{display:flex;align-items:center;gap:1mm;flex-wrap:wrap;min-height:8mm;margin-bottom:1.7mm}.sheet-pinyin{font-size:10px;min-width:16mm;text-align:center;margin-right:1mm;color:#1e293b}.stroke-step{display:flex;align-items:center;flex-direction:column;width:5mm}.stroke-step svg{width:5mm;height:5mm}.stroke-step small{font:6px Georgia,serif;line-height:1;color:#999}.grid-row{display:flex;align-items:center}.practice-cell{width:calc(100% / 9);aspect-ratio:1;border:.25mm solid #64748b;border-right:0;background:linear-gradient(90deg,transparent 49.7%,#e2e8f0 49.7%,#e2e8f0 50.3%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,#e2e8f0 49.7%,#e2e8f0 50.3%,transparent 50.3%);padding:1mm;flex-shrink:0;display:grid;place-items:center;font:28px var(--serif)}.practice-cell:last-child{border-right:.25mm solid #64748b}.practice-cell svg{width:100%;height:100%}.compact .practice-cell{width:calc(100% / 12)}.compact .workbook-row{margin-bottom:3mm}.compact .stroke-sequence{min-height:6mm;margin-bottom:1mm}.sheet-footer{position:absolute;bottom:5mm;left:8mm;right:8mm;display:flex;justify-content:space-between;font-size:8px;color:#94a3b8}.sheet.reverse{padding-left:10mm;padding-right:6mm}.print-end{font-size:11px;color:#64748b;display:flex;justify-content:center;gap:7px;padding:20px 0 40px}@keyframes slide{0%{transform:translate(25px);opacity:0}to{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1300px){.hero,.hero-art{min-height:445px}.hero-copy{padding-top:60px}.hero h1{font-size:46px}.hero-description{font-size:16px}.hero-start{margin-top:33px}}@media(max-width:850px){.site-header{padding:0 25px;height:85px}.site-header nav{gap:25px}.main-shell{padding:0 25px}.hero-copy{padding:34px 22px 30px}.hero h1{font-size:32px;letter-spacing:1px}.hero-description{font-size:13px}.hero,.hero-art{min-height:370px}.lesson-meta{flex-direction:column;gap:9px;margin-top:18px}.hero-start{margin-top:20px;min-width:180px;font-size:12px}.learning-strip{padding:22px 0}.learning-strip>div{gap:8px}.strip-number{display:none}.learning-strip p{font-size:11px}.learning-strip p span{font-size:9px}.lesson-cards{gap:13px}.card-main{padding:18px;min-height:215px}.card-main h3{font-size:18px}.paper-note{padding:22px 20px;gap:14px}.site-footer{margin:0 25px;font-size:9px}.lesson-layout{grid-template-columns:1fr;gap:0}.lesson-steps{display:flex;position:static;padding:0 0 20px;justify-content:center;gap:8px}.lesson-steps button{width:auto;margin:0;font-size:11px}.lesson-steps>p{display:none}.lesson-page{padding:33px 38px}.series-intro{gap:28px}.series-row{gap:16px}.row-time{width:60px}}@media(max-width:600px){.site-header{height:76px;padding:0 19px;gap:12px;position:relative}.brand{gap:8px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand-mark svg{width:21px}.brand-name{font-size:23px;letter-spacing:2px}.brand-name>span{font-size:8px}.site-header nav{gap:17px;margin-left:auto}.site-header nav a{font-size:11px;white-space:nowrap}.site-header nav a.active:after{bottom:16px;height:2px}.header-search{padding:8px;border:0;min-width:30px}.header-search>span{display:none}.main-shell{padding:0 19px}.welcome-line{font-size:10px;padding:24px 0 17px}.welcome-line>span:last-child{font-size:9px}.hero{grid-template-columns:1fr;border-radius:15px;display:flex;flex-direction:column-reverse}.hero-art{height:220px;min-height:220px}.hero-art img{object-position:60% 62%}.hero-art .typographic-art{min-height:220px}.typographic-art>span{font-size:130px}.typographic-art>p{font-size:13px}.art-note{bottom:13px;right:13px;font-size:8px;padding:6px 9px}.hero-copy{padding:26px 26px 27px}.hero h1{font-size:32px;margin:13px 0 10px}.hero-description{max-width:none;font-size:13px}.hero .eyebrow{font-size:9px}.lesson-meta{flex-direction:row;font-size:9px;gap:15px;margin-top:18px}.hero-start{width:100%;margin-top:21px;padding:13px 18px}.hero-footnote{text-align:center;margin-top:12px;font-size:9px}.learning-strip{margin-bottom:10px;padding:23px 0}.learning-strip>div{flex-direction:column;gap:8px;text-align:center}.learning-strip p{font-size:11px}.learning-strip p span{display:none}.learning-strip svg,.hanzi-icon{height:20px;font-size:21px}.section-title{margin:26px 0 18px;align-items:center;gap:8px}.section-title h2{font-size:22px}.section-title .eyebrow{font-size:8px;letter-spacing:1.1px}.section-title .text-button{font-size:10px;gap:4px;white-space:nowrap}.lesson-cards{grid-template-columns:1fr;gap:12px}.card-main{padding:19px 22px;min-height:177px}.card-main h3{font-size:21px;margin:19px 0 8px}.card-main>p{min-height:0;max-width:85%;font-size:11px}.card-bottom{margin-top:17px;padding-top:11px}.card-character{font-size:103px;top:24px;right:25px}.paper-note{flex-wrap:wrap;padding:24px 22px;gap:14px;margin:24px 0 32px}.paper-note>svg{width:23px}.paper-note>div{flex:1}.paper-note h3{font-size:13px}.paper-note p{font-size:10px;line-height:1.9}.paper-note button{margin:0;width:100%}.site-footer{flex-direction:column;align-items:center;gap:12px;margin:0 19px;padding:24px 0}.site-footer p{font-size:10px}.page-heading{margin:32px 0 25px}.page-heading h1{font-size:28px;line-height:1.5}.page-heading>p:last-child{font-size:12px}.series-intro{padding:24px 20px;grid-template-columns:95px 1fr;gap:23px;align-items:start}.book-cover{min-height:153px;padding:21px 10px}.book-cover>span{font-size:11px;letter-spacing:2px}.book-cover strong{font-size:30px;letter-spacing:4px;margin:5px 0 13px}.book-cover svg{width:28px;height:28px}.book-cover small{font-size:5px;letter-spacing:0;margin-top:13px}.series-intro h2{font-size:20px;margin:10px 0}.series-intro p{font-size:11px;line-height:1.9}.series-intro .pill{font-size:8px;padding:4px 8px}.series-intro .primary{font-size:11px;padding:10px 13px}.goal-tags{gap:5px;margin:12px 0}.goal-tags>span{font-size:8px}.series-row{gap:11px;padding:21px 2px}.lesson-order{width:31px;height:31px;font-size:16px;flex-shrink:0}.series-row h3{font-size:17px}.series-row p{font-size:10px;max-width:230px;line-height:1.7}.row-chars,.row-time{display:none}.series-row>svg{margin-left:auto;flex-shrink:0;width:16px}.upcoming-note{font-size:11px;padding:25px 12px 35px}.progress-overview{padding:22px 18px;flex-wrap:wrap;gap:24px;justify-content:space-between}.progress-overview strong{font-size:29px}.progress-overview span{font-size:9px}.progress-overview button{width:100%;font-size:11px}.filter-tabs{gap:2px;margin:24px 0 18px}.filter-tabs button{font-size:11px;padding:8px 12px}.reader-breadcrumb{font-size:10px;padding:18px 0;gap:10px}.reader-breadcrumb>div{gap:0}.reader-breadcrumb .icon-button{min-width:29px;min-height:32px}.reader-breadcrumb>span{font-size:9px}.lesson-steps{gap:9px;padding-bottom:15px;justify-content:space-between}.lesson-steps button{font-size:10px;gap:6px;padding:6px 0}.lesson-steps button>span:first-child{width:22px;height:22px;font-size:10px}.lesson-page{padding:26px 21px 24px;border-radius:11px}.reading-title h1{font-size:28px;letter-spacing:1px}.reading-title>p:last-child{font-size:11px}.reading-image{height:177px;margin-top:19px;object-position:55% 60%}.reading-toolbar{margin:20px 0 18px;gap:2px;flex-wrap:wrap;padding:8px 0}.reading-toolbar>button{padding:7px 5px;font-size:10px;gap:3px}.rate-label select{font-size:9px;max-width:76px}.reading-body{font-size:23px;line-height:2.1}.with-pinyin{line-height:2.7;font-size:23px}.reading-char{padding:0}.reading-char rt{font-size:8px}.paragraph{padding-right:8px;margin:17px 0}.paragraph-speak{right:-17px;top:8px;min-width:24px}.paragraph-speak svg{width:13px}.reading-hint{font-size:9px;align-items:flex-start}.word-shelf{padding:13px 12px;gap:8px}.word-shelf>span{font-size:10px;width:100%;margin-bottom:2px}.word-shelf button{font-size:22px;min-width:38px;padding:6px 8px}.expression-box{padding:17px;margin:20px 0}.expression-box p{font-size:14px}.lesson-next{flex-wrap:wrap;margin-top:23px;padding-top:21px;gap:14px}.lesson-next .primary{margin-left:auto;font-size:12px;padding:11px 18px}.lesson-next>span{font-size:10px}.step-title{font-size:26px;margin:12px 0}.step-intro{font-size:11px}.question{margin:27px 0}.question h2{font-size:18px;gap:9px}.answer-options button{font-size:13px;padding:13px 12px;gap:10px}.answer-feedback{font-size:10px}.practice-tabs{gap:12px;margin:22px 0}.practice-tabs>button{font-size:29px;min-width:65px;padding:10px 12px}.writing-grid{max-width:100%}.paper-alternative{flex-wrap:wrap;padding:16px;gap:12px}.paper-alternative>div{flex:1}.paper-alternative button{width:100%;font-size:11px}.practice-feedback{font-size:10px;text-align:center}.completion h1{font-size:26px}.completion>p{font-size:11px}.completed-characters{gap:10px;margin:24px 0}.completed-characters span{font-size:34px;padding:12px 17px}.completion-actions{gap:16px}.completion-actions button{font-size:10px}.dictionary-panel{width:100%;max-width:420px;padding:20px 25px 30px}.print-controls{padding:0 19px;margin:25px auto}.print-controls .section-title{flex-wrap:wrap}.print-controls h1{font-size:25px}.print-controls .section-title>.primary{width:100%;margin-top:10px}.print-options{gap:15px;padding:17px;font-size:11px}.print-options label{flex-wrap:wrap}.lesson-selector>div{grid-template-columns:1fr 1fr;font-size:10px}.sheets{align-items:flex-start;overflow:auto;padding:0 12px}.sheet{transform-origin:top left}.print-end{font-size:10px}.toast{font-size:11px;padding:12px 15px}}@media print{html,body,#root{background:#fff!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;overflow:visible!important}.no-print,.modal-backdrop,.toast-region{display:none!important}.print-main,.workbook-screen{margin:0!important;padding:0!important}.sheets{display:block;margin:0;padding:0;overflow:visible}.sheet{box-shadow:none;width:186mm;min-height:0;margin:0;padding:3mm 5mm 9mm;break-after:page;page-break-after:always;overflow:hidden}.sheet:last-child{break-after:auto;page-break-after:auto}.sheet.reverse{padding-left:7mm;padding-right:3mm}.sheet-footer{left:5mm;right:5mm;bottom:4mm}.sheet-header{margin-bottom:3mm;padding-bottom:3mm}.workbook-row{break-inside:avoid}.practice-cell{print-color-adjust:exact;-webkit-print-color-adjust:exact}.stroke-step svg{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.practice-cell{width:10%}.compact .practice-cell{width:calc(100% / 14)}.workbook-row{margin-bottom:3mm}.stroke-sequence{min-height:6mm;margin-bottom:1.2mm}.compact .workbook-row{margin-bottom:2.5mm}.compact .stroke-sequence{min-height:5mm}.stroke-step{width:4.5mm}.stroke-step svg{width:4.5mm;height:4.5mm}.practice-cell{position:relative;background:none}.practice-cell:before,.practice-cell:after{content:"";position:absolute;pointer-events:none;z-index:0}.practice-cell:before{left:50%;top:0;bottom:0;border-left:.15mm dashed #e2e8f0}.practice-cell:after{top:50%;left:0;right:0;border-top:.15mm dashed #e2e8f0}.practice-cell svg{position:relative;z-index:1}.compact .workbook-row{margin-bottom:1mm}.han-text ruby{ruby-align:center;white-space:nowrap}.han-text rt{font-family:system-ui,sans-serif;font-size:.36em;font-weight:400;letter-spacing:0;color:#64748b;line-height:1.2}.bilingual{display:inline-flex;flex-direction:column;gap:5px;min-width:0;vertical-align:middle}.bilingual-english{font-family:system-ui,sans-serif;font-size:11px;line-height:1.45;font-weight:400;letter-spacing:0;color:#64748b}.primary .bilingual-english{color:#e2e8f0}.primary .han-text rt{color:#e2e8f0}.brand-name .bilingual-english{display:none}.brand-name .han-text rt{display:none}.site-header nav a{padding-top:8px}.site-header nav .bilingual{align-items:center}.hero h1 .bilingual-english{font-size:18px;margin-top:7px}.hero h1 .han-text rt{font-size:13px}.reading-title h1 .bilingual-english{font-size:18px}.reading-title h1{line-height:1.9}.lesson-steps{gap:12px}.lesson-steps .bilingual-english{font-size:10px}.lesson-steps button{align-items:center}.reading-toolbar{gap:10px;flex-wrap:wrap}.reading-toolbar .bilingual-english{font-size:9px}.reading-body,.reading-body.with-pinyin{line-height:2;font-size:25px}.annotated-reading{display:inline}.word-chip{display:inline-flex;flex-direction:column;align-items:center;vertical-align:bottom;margin:7px 3px 11px;padding:5px 4px;border-radius:6px;max-width:100%;line-height:1.6}.word-chip:hover,.word-chip:focus-visible{background:#e2e8f0}.word-chip .han-text rt{font-size:10px}.word-chip.target-word{background:#e2e8f0;border-bottom:2px solid #94a3b8}.word-gloss{display:block;max-width:126px;font-family:system-ui,sans-serif;font-size:10px;line-height:1.35;color:#64748b;white-space:normal;margin-top:5px}.word-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.word-card-grid .word-chip{border:1px solid var(--line);padding:16px 8px;margin:0}.word-card-grid .word-gloss{font-size:12px}.reading-punctuation{vertical-align:bottom;display:inline-block;padding-bottom:29px}.word-popover{position:fixed;z-index:250;width:300px;padding:23px 18px 16px;background:#1e293b;color:#f8fafc;border-radius:12px;box-shadow:0 12px 40px #1e293b44;font-size:25px}.word-popover .han-text rt{color:#94a3b8}.word-popover p{font-size:15px;line-height:1.5;margin:8px 0 16px}.word-popover-close{position:absolute;right:8px;top:6px;color:#fff}.word-popover-actions{display:flex;gap:8px}.word-popover-actions button{display:flex;align-items:center;gap:8px;background:#ffffff15;padding:9px;border-radius:7px;font-size:14px;flex:1}.word-popover .bilingual-english{color:#e2e8f0;font-size:10px}.word-character-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;border-top:1px solid #ffffff25;padding-top:14px}.word-character-links button{display:flex;flex-direction:column;gap:4px;max-width:100px}.word-character-links small{font:10px/1.3 system-ui;color:#e2e8f0}.question h2{align-items:center;line-height:1.8}.question h2 .bilingual-english{font-size:15px}.answer-options button{align-items:center;min-height:75px}.answer-options .bilingual-english{font-size:13px}.answer-feedback{display:flex;flex-direction:column;gap:7px}.expression-box p{line-height:2}.expression-box .bilingual-english{font-size:14px}.practice-feedback{line-height:1.9}.lesson-cards h3 .bilingual-english{font-size:12px}.lesson-card-button{min-height:230px}.explorer-panel{width:720px;max-width:100vw;padding:25px 32px;overflow-y:auto}.explorer-panel .panel-heading{line-height:1.9}.explorer-panel .tabs{margin:18px 0;gap:12px}.explorer-panel .tabs button{line-height:1.9}.explorer-tools{display:flex;justify-content:space-between;gap:12px;margin:18px 0}.explorer-tools button{display:flex;align-items:center;gap:8px;font-size:12px}.analysis-node{border:1px solid #e2e8f0;border-radius:11px;padding:20px;margin-bottom:13px;background:#fff}.analysis-node.type-word,.analysis-node.type-character,.analysis-node.type-component{background:#f8fafc}.analysis-node-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.node-term{font-size:34px;line-height:1.9}.node-kind{text-transform:uppercase;font-size:9px;color:#64748b;border:1px solid #e2e8f0;padding:3px 5px;border-radius:3px}.node-actions{display:flex;gap:8px;margin-left:auto}.node-actions button{padding:8px;border-radius:5px;background:#fff9}.analysis-node>.bilingual{font-size:15px;line-height:1.9}.analysis-node>.bilingual>.bilingual-english{font-size:16px;color:#1e293b}.composition-logic{margin-top:17px;padding:13px;background:#fff8;border-radius:6px;line-height:1.9;font-size:12px}.composition-logic strong,.memory-note strong{display:block;font-size:10px;letter-spacing:.5px;margin-bottom:8px;color:#475569}.composition-logic .bilingual-english,.memory-note .bilingual-english{font-size:13px;color:#475569;line-height:1.65}.memory-note{margin-top:12px;background:#e2e8f0;border:1px solid #e2e8f0;padding:14px;border-radius:6px;line-height:2;font-size:13px}.expand-node{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:20px;background:#ffffffa6}.atomic-label{font-size:10px;color:#64748b;margin-top:14px}.analysis-children{margin-left:20px;padding-left:17px;border-left:1px solid #94a3b8}.analysis-branch{position:relative}.analysis-children>.analysis-branch:before{content:"";position:absolute;left:-17px;width:17px;top:36px;border-top:1px solid #94a3b8}.composition-board{background:#e2e8f0;border:1px solid #e2e8f0;border-radius:12px;text-align:center;padding:22px;margin-bottom:22px}.composition-parts{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.composition-parts>div{display:flex;align-items:center;gap:10px}.composition-parts button{display:flex;flex-direction:column;font-size:28px;background:#fff8;border-radius:9px;padding:12px}.composition-parts small{font-size:10px;max-width:100px}.composition-arrow{display:block;font-size:27px;margin:12px}.composition-board strong{font-size:45px}.composition-board p{font-size:13px;line-height:1.6;margin-top:16px}.explorer-panel .practice-tabs{flex-wrap:wrap}.explorer-panel .practice-tabs button{font-size:23px;min-width:40px}.explorer-panel .entry-note{line-height:1.7}@media(max-width:600px){.site-header{height:105px}.site-header nav{gap:15px}.site-header nav .bilingual-english{font-size:8px}.site-header nav a.active:after{bottom:12px}.brand-name{font-size:22px}.lesson-page{padding:26px 16px}.lesson-steps .bilingual{gap:4px}.lesson-steps button{font-size:11px;gap:4px}.lesson-steps .bilingual-english{font-size:9px}.lesson-steps .han-text rt{font-size:6px}.reading-body,.reading-body.with-pinyin{font-size:23px}.word-chip{margin:7px 2px 9px;padding:4px 2px}.word-gloss{font-size:9px;max-width:92px}.explorer-panel{padding:23px 16px}.analysis-node{padding:15px}.analysis-children{margin-left:7px;padding-left:10px}.analysis-children>.analysis-branch:before{left:-10px;width:10px}.node-actions{gap:2px}.node-actions button{padding:6px}.node-term{font-size:30px}.hero h1 .bilingual-english{font-size:15px}.reading-toolbar button{min-height:43px}.question h2 .bilingual-english{font-size:13px}.answer-options button{font-size:15px}.word-popover{font-size:24px}.reading-title h1 .bilingual-english{font-size:16px}}.bilingual{max-width:100%}.han-text{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.9}.word-chip .han-text{white-space:nowrap}.word-chip .han-text wbr{display:none}.word-gloss{height:2.7em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.reading-punctuation{padding-bottom:34px}.practice-tabs .practice-english{display:block;font-family:system-ui;font-size:10px;max-width:80px;line-height:1.3;font-weight:400;margin-top:5px}.answer-options button>.bilingual{border:0;padding:0}.lesson-next .bilingual{max-width:100%}.word-shelf button{font-size:22px}.word-shelf .bilingual-english{font-size:10px}.brand-name>.bilingual{font-size:25px;font-family:var(--serif);margin:0}.brand-name>.bilingual>.han-text{font-size:25px}.word-chip{vertical-align:bottom}.bilingual-english{overflow-wrap:anywhere}@media(max-width:600px){.hero-copy{padding-top:30px}.word-gloss{max-width:90px}.reader-breadcrumb>a{max-width:135px}.reader-breadcrumb>span{display:none}.lesson-steps .bilingual{align-items:center}.lesson-steps{gap:5px}.practice-tabs .practice-english{font-size:9px}}.han-label{line-height:1.5;overflow-wrap:normal}.brand-name>.bilingual>.han-label{font-size:25px}.reading-toolbar{gap:8px;flex-wrap:wrap}.reading-toolbar>button{font-size:13px;padding:8px 10px;min-height:42px}.reading-toolbar>button:nth-last-child(2){margin-left:0}.reading-toolbar .bilingual{gap:1px}.reading-toolbar .bilingual-english{font-size:11px;white-space:nowrap}.level-filter{max-width:190px;border:1px solid var(--line);border-radius:6px;padding:9px;background:transparent;color:#475569;font-size:12px}.reading-body,.reading-body.with-pinyin{font-size:27px;line-height:2.2}.word-chip{display:inline-flex;vertical-align:baseline;margin:3px 1px;padding:2px;line-height:1.8;border-radius:3px}.word-chip .han-text{line-height:1.8}.word-chip .han-text rt{font:14px/1.5 system-ui;color:#64748b}.reading-punctuation{display:inline;vertical-align:baseline;padding:0}.has-pinyin .word-chip{margin-top:14px}.has-gloss .word-chip{vertical-align:top;margin-bottom:10px}.word-gloss{font-size:12px;margin-top:2px}.word-chip.target-word{background:transparent;border-bottom:1px solid #64748b;color:#475569}.word-chip.muted-word{color:#64748b;border-color:transparent}.word-chip:hover,.word-chip:focus-visible{background:#e2e8f0;color:#1e293b}.translation{border-top:1px dashed var(--line);padding-top:18px;margin-top:18px;font-size:17px;line-height:1.8}.word-popover{width:260px;max-width:calc(100vw - 24px);padding:16px;border-radius:9px;font-size:16px}.word-help-heading{display:flex;align-items:center;gap:10px;padding-right:15px}.word-help-heading strong{color:#94a3b8;font-size:18px}.word-help-heading>span{font:10px/1.3 system-ui;color:#e2e8f0}.word-popover p{margin:10px 0;font-size:15px}.word-popover-actions button{padding:7px;font-size:12px;gap:5px}.word-popover-actions .bilingual{gap:0}.explorer-panel{width:540px}.lesson-steps .bilingual{gap:2px}@media(max-width:600px){.reading-body,.reading-body.with-pinyin{font-size:24px}.reading-toolbar{gap:5px}.reading-toolbar>button{padding:6px 8px;font-size:12px}.reading-toolbar .bilingual-english{font-size:10px}.word-chip .han-text rt{font-size:13px}.translation{font-size:15px}.explorer-panel{width:100%;padding:18px}}.practice-stroke-sequence{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px auto 24px;max-width:650px}.practice-stroke-sequence button{width:62px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#64748b;font-size:12px}.practice-stroke-sequence svg{width:62px;height:62px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;padding:4px}.practice-stroke-sequence button:hover svg{border-color:#64748b}.depth-setting{display:flex;align-items:center;gap:10px;margin:15px 0;font-size:12px;color:#475569}.depth-setting select{border:1px solid var(--line);background:transparent;padding:7px;border-radius:5px}.ui-label{line-height:1.5}.site-header nav .ui-label{font-size:13px}.reading-toolbar .ui-label{white-space:nowrap}@media(max-width:600px){.practice-stroke-sequence{gap:7px}.practice-stroke-sequence button,.practice-stroke-sequence svg{width:49px}.practice-stroke-sequence svg{height:49px}}.brand-name>.ui-label{display:block;font:25px/1.2 var(--serif);letter-spacing:0;margin:0}.eyebrow>.ui-label,.reader-breadcrumb .ui-label,.lesson-next>span .ui-label{margin-inline:2px}.word-pronunciation{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;color:#94a3b8;border-radius:5px;flex-shrink:0}.word-pronunciation:hover,.word-pronunciation:focus-visible{background:#ffffff20;outline:1px solid #94a3b8}.word-help-heading{gap:7px;flex-wrap:wrap}.collection{margin:30px 0;padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--paper, #ffffff)}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.collection-heading h2{font:28px var(--serif);margin:12px 0}.collection-heading p{max-width:650px;line-height:1.7;color:#64748b}.collection-lessons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.collection-lesson{display:flex;text-align:left;align-items:center;gap:16px;border:1px solid var(--line);padding:17px;border-radius:8px}.collection-lesson>div{flex:1}.collection-lesson small{display:block;margin-top:10px;color:#64748b}.collection-lesson:hover{background:#f8fafc}.lesson-print-view{max-width:900px;margin:auto}.lesson-print-controls{padding:24px}.lesson-paper{background:#fff;color:#1e293b;padding:40px}.lesson-paper h1{font:32px var(--serif)}.lesson-paper h2{font-size:18px;margin-top:28px}.print-reading{font:24px/2.6 var(--serif)}.print-reading rt{font:12px system-ui}.print-english{line-height:1.8;color:#475569}.lesson-paper section{margin:24px 0}.answer-line{height:36px;border-bottom:1px solid #bbb}.paper-squares{display:flex;flex-wrap:wrap;gap:5px}.paper-squares span{width:44px;height:44px;border:1px solid #bbb}@media(max-width:650px){.collection-lessons{grid-template-columns:1fr}.collection{padding:18px}.collection-heading{align-items:flex-start;flex-direction:column}.lesson-paper{padding:20px}}@media print{.lesson-print-view{max-width:none}.lesson-paper{padding:0}.lesson-paper section{break-inside:avoid}.lesson-paper h2{break-after:avoid}.lesson-paper{font-size:12pt}.print-reading{font-size:18pt}.lesson-paper header{display:block}.lesson-print-view .no-print{display:none!important}}.offline-lesson{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:14px;color:#475569}.install-help{max-width:300px;line-height:1.6}.install-help summary{cursor:pointer}.site-header{padding-top:max(18px,env(safe-area-inset-top))}.stroke-canvas{touch-action:none}.word-chip{touch-action:manipulation}@media(pointer:coarse){button,.icon-button,select{min-height:44px}.icon-button{min-width:44px}.word-chip{min-height:40px}.word-popover-actions button{min-height:44px}.word-pronunciation{min-width:44px;min-height:44px}.reading-toolbar{gap:8px}.site-header nav a{padding:12px 8px}.lesson-steps button{min-height:48px}.practice-tabs button{min-width:64px}.offline-lesson{align-items:flex-start;flex-direction:column}.word-popover{width:280px}}.collection{padding:0;overflow:hidden}.collection-heading.collection-toggle{width:100%;text-align:left;color:var(--ink);flex-direction:row;padding:26px 30px;display:flex;gap:24px;border-radius:0;background:#fff}.collection-toggle>div{flex:1}.book-spine{width:64px;min-height:96px;flex-shrink:0;display:grid;place-items:center;color:#f8fafc;background:#475569;border-left:6px solid #1e293b;border-radius:3px 9px 9px 3px;box-shadow:3px 3px #e2e8f0}.collection:nth-of-type(2n) .book-spine{background:#64748b;border-left-color:#475569}.collection-toggle .pill{background:transparent;padding:0;font-size:12px;letter-spacing:.04em}.collection-toggle h2{font-family:Georgia,serif;margin:8px 0;font-size:26px}.collection-toggle p{margin-bottom:0;font-size:14px}.collection-toggle[aria-expanded=true] .book-chevron{transform:rotate(90deg)}.collection-lessons{padding:0 30px 26px;border-top:1px solid var(--line)}.collection-review{grid-column:1 / -1;justify-self:end;margin-top:12px}.reading-body .paragraph{background:#fff;padding:30px 32px;border:1px solid #f8fafc;border-radius:18px;box-shadow:0 2px 4px #1e293b08;margin:24px 0}.reading-body .paragraph>p:first-child{margin:0}.reading-body .translation{margin:26px 0 0;padding:20px 0 0 18px;border-top:1px dashed #e2e8f0;border-left:0;position:relative;color:#475569;font:italic 20px/1.65 Georgia,serif}.reading-body .translation:before{content:"";position:absolute;left:0;top:26px;bottom:6px;width:3px;background:#94a3b8;border-radius:2px}.annotated-reading.has-gloss:not(.word-card-grid) .word-chip{min-width:1.6em;margin:12px 7px 18px;padding:3px 2px}.annotated-reading.has-gloss:not(.word-card-grid) .word-gloss{width:max-content;max-width:132px;height:1.5em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64748b;font-size:13px;font-weight:400}.word-card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.word-card-grid .word-chip{width:100%;min-height:202px;margin:0;padding:24px 14px;border:1px solid #e2e3df;border-radius:14px;background:#fff;justify-content:center;box-shadow:0 2px 3px #1e293b08}.word-card-grid .word-chip.target-word{border-color:#94a3b8;color:#475569}.card-hanzi{font:42px/1.3 "Noto Serif SC",Songti SC,STSong,serif;color:#1e293b}.card-pinyin{font:16px/1.6 ui-monospace,monospace;color:#64748b;background:#f8fafc;border-radius:5px;padding:2px 8px;margin:12px 0 9px}.word-card-grid .word-gloss{font:16px/1.45 system-ui,sans-serif;color:#475569;max-width:100%;height:2.9em;margin:0;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lesson-explanation{margin-top:44px;border-top:1px solid var(--line);padding-top:28px}.lesson-explanation>header{font:15px/1.6 system-ui,sans-serif}.lesson-explanation>header h2{font:26px/1.3 Georgia,serif;margin:0}.lesson-explanation>header button{margin:8px 10px 0 0}@media(max-width:600px){.collection-heading.collection-toggle{padding:20px 16px;gap:16px}.book-spine{width:44px;min-height:78px}.collection-toggle h2{font-size:22px}.collection-lessons{padding:0 16px 18px}.reading-body .paragraph{padding:24px 16px}.word-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.word-card-grid .word-chip{min-height:185px;padding:18px 10px}.card-hanzi{font-size:34px}.reading-body .translation{font-size:18px}}.main-shell.learning-shell{max-width:none;width:100%;padding-left:clamp(18px,3vw,56px);padding-right:clamp(18px,3vw,56px);box-sizing:border-box}.learning-shell .lesson-layout{display:block;max-width:none;width:100%;margin:0 0 40px}.learning-shell .lesson-steps{display:flex;flex-direction:row;position:static;justify-content:flex-start;align-items:center;gap:16px;padding:0 0 12px}.learning-shell .lesson-steps button{width:auto;margin:0;padding:6px 10px;min-height:40px;font-size:13px;gap:7px}.learning-shell .lesson-steps button>span:first-child{width:22px;height:22px;font-size:11px}.learning-shell .lesson-steps>p{display:none}.learning-shell .lesson-page{padding:20px 0;border:0;border-radius:0;background:transparent}.lesson-problem-report{margin:42px 0 4px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.lesson-problem-report summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;list-style:none}.lesson-problem-report summary::-webkit-details-marker{display:none}.lesson-problem-report>div{max-width:560px;margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.lesson-problem-report label{display:block;line-height:1.55}.lesson-problem-report textarea{width:100%;box-sizing:border-box;margin:10px 0;padding:10px 12px;resize:vertical;border:1px solid #cbd5e1;border-radius:8px;color:var(--ink);background:#fff;font:inherit}.lesson-problem-report p{margin:10px 0 0}.learning-shell .reading-title .eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.06em}.learning-shell .reading-title h1{font-size:28px;margin:0;line-height:1.3;letter-spacing:0}.learning-shell .reading-title h1 .bilingual{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:baseline}.learning-shell .reading-title h1 .bilingual-english{font:17px/1.4 system-ui,sans-serif;margin:0}.learning-shell .offline-lesson{margin:6px 0 12px;font-size:12px}.learning-shell .reading-toolbar{margin-top:0;padding:10px 0}.learning-shell .reading-body .paragraph{margin:18px 0}.learning-shell .lesson-explanation{scroll-margin-top:24px}.lesson-print-controls h1{font-size:24px;margin:12px 0}.lesson-paper header h1{font-size:28px;margin:12px 0 6px}.lesson-paper header{border-bottom:1px solid #ddd;padding-bottom:16px;margin-bottom:20px}.lesson-paper [data-section=thinking] section{margin:20px 0}@media(max-width:600px){.learning-shell .lesson-steps{gap:3px;justify-content:space-between}.learning-shell .lesson-steps button{padding:6px 3px;font-size:12px}.learning-shell .reading-title h1{font-size:24px}.learning-shell .reading-title h1 .bilingual-english{font-size:15px}}.learning-shell .reader-breadcrumb{padding:10px 0}.learning-shell .lesson-steps{padding-bottom:0}.learning-shell .lesson-page{padding-top:12px}.learning-shell .reading-title h1 .bilingual{flex-direction:row}.learning-shell .reading-toolbar{margin-bottom:8px}.reader-breadcrumb .icon-button:has(.whole-lesson-label){width:auto;gap:6px;padding:0 8px;font-size:11px}.whole-writing-row{display:flex;align-items:center;gap:16px;break-inside:avoid;margin:22px 0}.writing-model{font-size:30px;min-width:45px;text-align:center}.writing-cells{display:flex;flex-wrap:wrap;gap:3px}.writing-cells span{width:48px;height:48px;display:grid;place-items:center;border:1px solid #94a3b8;font:34px Songti SC,serif;background:linear-gradient(90deg,transparent 49%,#e9ece8 49%,#e9ece8 51%,transparent 51%),linear-gradient(transparent 49%,#e9ece8 49%,#e9ece8 51%,transparent 51%)}.writing-cells .trace-character{color:#94a3b8}:root{--accent: #4f46e5;--ink: #1e293b;--muted: #64748b;--line: #e2e8f0;--paper: #ffffff;color:var(--ink);background:#fafafa}h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;letter-spacing:-.02em}.han-label,.card-hanzi,.print-reading{font-family:"Noto Serif SC",Songti SC,serif}.site-header{max-width:none;padding:0 clamp(20px,3vw,48px);height:80px;background:#fff;box-shadow:0 1px 3px #0f172a08}.brand-mark{background:#d97706;border-radius:10px;color:#fff}.brand-name{color:#1e293b;font-family:Georgia,Songti SC,serif;font-size:25px;letter-spacing:0}.brand-name>span{color:#94a3b8;font-family:-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.02em}.site-header nav{align-self:center;padding:5px;border-radius:12px;background:#f4f4f5;gap:4px}.site-header nav a{padding:10px 18px;border-radius:8px;color:#64748b}.site-header nav a.active{background:#fff;color:#4f46e5;box-shadow:0 1px 3px #0f172a0d}.site-header nav a.active:after{display:none}.header-search{border-radius:10px;color:#64748b;background:#fff}.primary{background:#4f46e5;color:#fff;border-radius:10px}.primary:hover{background:#4338ca}.secondary{background:#fff;border-color:#e2e8f0;color:#475569;border-radius:10px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#818cf8}.reading-toolbar .active,.reading-toolbar button[aria-pressed=true]{background:#eef2ff;color:#4f46e5}.lesson-steps button.active{color:#4f46e5}.lesson-steps button.active>span:first-child{background:#4f46e5;border-color:#4f46e5}.reading-body .paragraph{border-color:#f1f1f1;box-shadow:0 2px 4px #0f172a08}.reading-body .translation{color:#475569}.reading-body .translation:before{background:#a7f3d0}.word-chip.target-word{color:#b45309;border-color:#fbbf24}.word-chip:hover,.word-chip:focus-visible{background:#f1f5f9;color:#1e293b}.word-popover{background:#1e293b;color:#fff;box-shadow:0 12px 30px #0f172a26}.word-help-heading strong{color:#fbbf24}.word-popover-actions button{background:#334155;color:#f8fafc}.word-popover-actions button:last-child{background:#312e81}.card-pinyin{color:#d97706;background:#fffbeb}.word-card-grid .word-chip.target-word{color:#059669;border-color:#6ee7b7}.collection-heading.collection-toggle{background:#fff}.book-spine{background:#475569;border-left-color:#334155;color:#f8fafc;box-shadow:3px 3px #e2e8f0}.collection:nth-of-type(2n) .book-spine{background:#6366f1;border-left-color:#4338ca}.collection-toggle h2{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:24px;font-weight:600}.hero,.series-intro,.expression-box,.word-shelf,.progress-overview{background:#fff;border-color:#e2e8f0}.expression-box{border-left-color:#818cf8}.eyebrow{color:#94a3b8}.pill{background:#f1f5f9;color:#64748b}.site-footer{color:#94a3b8}@media(max-width:700px){.site-header{height:auto;min-height:76px;padding:12px 18px;gap:12px;flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:center}.site-header nav a{padding:8px 12px}.brand-name{font-size:22px}.header-search{margin-left:auto}}.brand-name>.ui-label{color:#1e293b;font:inherit;letter-spacing:0;margin:0}.lesson-card,.lesson-card.morning,.lesson-card.food,.lesson-card.rain,.lesson-card.friend,.lesson-card.tree{background:#fff;border-color:#e2e8f0}.lesson-card:hover{border-color:#c7d2fe;box-shadow:0 4px 14px #0f172a08}.analysis-node.type-phrase,.analysis-node.type-word{background:#fffbeb;border-color:#fde68a}.analysis-node.type-character{background:#fff1f2;border-color:#fecdd3}.analysis-node.type-component{background:#f1f5f9;border-color:#e2e8f0}.composition-logic,.memory-note{background:#fffaf0;border-color:#fef3c7}.sheet,.sheet.reverse{width:198mm;min-height:284mm;padding:2mm 0}.workbook-row,.compact .workbook-row{margin-bottom:1.5mm}.stroke-sequence{min-height:7mm;margin-bottom:1mm;gap:.7mm}.compact .stroke-sequence{min-height:6mm;margin-bottom:.8mm}.sheets .practice-cell{width:10%}.sheets.compact .practice-cell{width:calc(100% / 14)}.whole-writing-row{margin:6px 0;gap:10px}.whole-writing-row .writing-cells{gap:0}.whole-writing-row .writing-cells span{width:44px;height:44px}@media print{.sheet,.sheet.reverse{padding:1mm 0 0;margin:0}.whole-writing-row{margin:2mm 0}}@media print{.sheet,.sheet.reverse{min-height:0}}.worksheet-builder{background:#f8fafc;padding:18px;margin:16px 0;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:14px;align-items:end}.worksheet-builder label{display:flex;flex-direction:column;gap:6px;font-size:14px}.worksheet-builder p{width:100%;font-size:12px;color:#64748b}.worksheet-builder textarea{width:min(600px,70vw);min-height:75px;padding:10px;border:1px solid #cbd5e1;border-radius:8px}.worksheet-word-examples{margin-left:auto;display:flex;gap:3mm;align-items:center;max-width:72mm;font:8px/1.2 system-ui,sans-serif}.worksheet-word-examples>span{max-width:35mm}.worksheet-word-examples b{font:10px Songti SC,serif;color:#334155;margin-right:1mm}.worksheet-word-examples [lang=en]{color:#64748b}.dense .practice-cell{width:calc(100% / 18);padding:.7mm}.dense .workbook-row{margin-bottom:.65mm}.dense .stroke-sequence{min-height:5mm;margin-bottom:.55mm;gap:.5mm;flex-wrap:nowrap}.dense .stroke-step,.dense .stroke-step svg{width:3.6mm;height:3.6mm}.dense .stroke-step{flex-shrink:1;min-width:0;height:auto}.dense .sheet-pinyin{min-width:10mm;margin-right:.5mm;font-size:9px}.dense .worksheet-word-examples{max-width:65mm;flex-shrink:0}.dense .worksheet-word-examples>span{max-width:31mm}.worksheet-books{margin:24px 0}.worksheet-book-tools{display:flex;align-items:center;flex-wrap:wrap;gap:18px;font-size:14px}.worksheet-book-tools label{display:flex;align-items:center;gap:8px}.worksheet-book{border:1px solid #e2e8f0;border-radius:12px;margin-top:12px;overflow:hidden;background:#fff}.worksheet-book-cover{width:100%;display:flex;align-items:center;gap:16px;padding:18px;text-align:left;color:#334155;background:#fff;border:0;cursor:pointer}.worksheet-book-cover>span:nth-child(2){flex:1}.worksheet-book-cover small,.worksheet-book-lessons small{display:block;margin-top:5px;color:#64748b;font-size:12px}.worksheet-book-spine{border-left:4px solid #d97706;background:#f8fafc;padding:12px;font-size:24px}.worksheet-book-cover[aria-expanded=true]{background:#f8fafc}.worksheet-book-lessons{border-top:1px solid #e2e8f0;padding:12px 20px;max-height:420px;overflow:auto}.worksheet-book-lessons label{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px;border-top:1px solid #f1f5f9;font-size:14px;cursor:pointer}.worksheet-book-lessons input{width:18px;height:18px}.sheets[hidden]{display:none}.online-options>label{display:none}.online-options>label:has(select[aria-label="Practice characters"]){display:flex}.online-options:empty{display:none}.online-writing{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;text-align:center}.online-character-list{display:flex;gap:8px;flex-wrap:wrap;max-height:180px;overflow:auto}.online-character-list button{min-width:44px;min-height:44px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:22px;cursor:pointer}.online-character-list button.active{color:#4338ca;border-color:#6366f1;background:#eef2ff}.online-writing-actions{display:flex;justify-content:center;gap:16px;margin-top:20px}.library-books .lesson-cards{padding:20px}@media(max-width:1100px){.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%;overflow-x:auto}.site-header nav a{white-space:nowrap}.header-search{margin-left:auto}}.print-options[hidden]{display:none}.section-title .filter-tabs a{display:inline-block;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;margin:8px 8px 0 0;font-size:14px;background:#fff}@media(max-width:1100px){.site-header{height:auto;min-height:80px;padding-top:12px;padding-bottom:12px}}.start-guide,.review-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:8px 0 34px;padding:24px 26px;background:#fff;border:1px solid #e2e8f0;border-radius:16px}.start-guide h2,.review-callout h2{margin:5px 0 7px;font-size:21px}.start-guide>div>p:last-child,.review-callout>div>p:last-child{color:#64748b;font-size:13px;line-height:1.65}.start-guide-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.start-guide-actions .secondary{text-align:left}.review-callout .secondary{flex-shrink:0}@media(max-width:700px){.site-header nav{display:flex;justify-content:flex-start;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{flex:0 0 auto;justify-content:center;padding:8px 12px;font-size:12px;text-align:center}.start-guide,.review-callout{align-items:stretch;flex-direction:column;gap:18px;padding:20px}.start-guide-actions{justify-content:stretch}.start-guide-actions .secondary,.review-callout .secondary{width:100%;justify-content:space-between}}.reading-unit{display:inline-block;white-space:nowrap;vertical-align:baseline}.word-card-grid>.reading-unit{display:contents}.print-word-grid{display:flex;flex-wrap:wrap;gap:12px 22px}.print-word{min-width:64px;max-width:180px}.print-word-meaning{display:block;margin-top:4px;color:#475569;font:12px/1.4 system-ui}.print-controls{margin:0 auto;padding:18px 30px 28px}.tool-header{min-height:58px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:14px}.tool-header h1{margin:0 auto 0 0;font-size:20px;letter-spacing:-.01em}.tool-back{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted)}.tool-modes{display:flex;padding:3px;border-radius:9px;background:#f1f5f9}.tool-modes a{padding:7px 11px;border-radius:7px;color:var(--muted);font-size:12px}.tool-modes a.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0f172a12}.tool-print{padding:9px 14px;white-space:nowrap}.worksheet-builder{margin:14px 0 10px;padding:13px 15px;gap:10px 14px;background:#fff;align-items:end}.worksheet-builder label{font-size:12px;color:var(--muted);gap:4px}.worksheet-builder select{min-height:36px;padding:5px 32px 5px 9px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:var(--ink)}.worksheet-builder .worksheet-count{width:auto;margin-left:auto;padding-bottom:7px;white-space:nowrap;color:var(--muted)}.worksheet-help{align-self:center;font-size:11px;color:var(--muted)}.worksheet-help summary{cursor:pointer}.worksheet-help p{max-width:620px;padding-top:8px;line-height:1.6}.page-setup{margin:10px 0;border:1px solid var(--line);border-radius:10px;background:#fff}.page-setup>summary{cursor:pointer;padding:11px 14px;color:var(--muted);font-size:12px}.page-setup .print-options{padding:12px 14px 14px;border-top:1px solid var(--line);border-radius:0 0 10px 10px;background:#f8fafc;gap:14px 20px}.worksheet-book-spine{width:44px;height:44px;display:grid;place-items:center;padding:0;border-left:0;border-radius:9px;background:#f8fafc;color:#475569}.worksheet-book-cover[aria-expanded=true] .worksheet-book-spine{background:#fff;color:var(--accent)}@media(max-width:650px){.print-controls{padding:10px 16px 24px}.tool-header{flex-wrap:wrap;gap:8px}.tool-header h1{font-size:18px}.tool-modes{order:3;width:100%}.tool-modes a{flex:1;text-align:center}.tool-print{padding:8px 10px;font-size:11px}.tool-print svg{display:none}.worksheet-builder{align-items:stretch}.worksheet-builder label,.worksheet-builder select,.worksheet-builder textarea{width:100%}.worksheet-builder .worksheet-count{margin-left:0;padding:0}.worksheet-help{width:100%}}