.writing-module{width:100%}.writing-surface-wrap{width:100%;max-width:520px;margin-inline:auto}.writing-surface{display:block;width:100%;aspect-ratio:1;background:var(--paper, #fffefa);border:1px solid #d5daca;border-radius:11px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.writing-surface.is-locked{cursor:default}.hanzi-surface{position:relative;background:linear-gradient(90deg,transparent 49.8%,#dce0d1 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#dce0d1 50%,transparent 50.2%)}.hanzi-surface>canvas{background-color:transparent}.saved-writing{position:absolute;inset:0;pointer-events:none}.writing-feedback{min-height:3.4em;line-height:1.7}.writing-grid{fill:none;stroke:#dce0d1;stroke-width:2;stroke-dasharray:12 12;pointer-events:none}.writing-ink{fill:none;stroke-width:13;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.writing-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-block:14px}.writing-controls button{min-height:44px;padding:8px 16px}.writing-controls button:disabled{opacity:.5;cursor:not-allowed}.writing-hint,.writing-demo p,.stroke-replay p{color:var(--muted, #7b827b);font-size:.8rem;line-height:1.7}.writing-demo{padding:16px;margin-bottom:20px;background:#f1f2e9;border-radius:11px}.writing-demo-surface{width:min(100%,320px);aspect-ratio:1;margin-inline:auto;touch-action:none}.writing-demo-surface svg{display:block}.quiz-stroke-help{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--paper, #fffefa)}.quiz-stroke-help p{font-size:.85rem;line-height:1.7;margin-bottom:12px}.quiz-stroke-demonstration{margin-top:14px}.stroke-replay{margin-block:18px}.stroke-replay input[type=range]{width:100%;min-height:44px;accent-color:var(--green, #50654d)}.stroke-replay .replay-error{color:var(--red-dark, #984732)}.stroke-replay .replay-reference{fill:none;stroke:#d59c32;stroke-width:9;stroke-dasharray:15 12}.stroke-results{margin-block:16px;overflow-wrap:anywhere}.stroke-results table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.85rem}.student-stroke-order{display:block;margin-bottom:3px}.stroke-results caption{text-align:start;font-weight:700;padding-block:8px}.stroke-results th,.stroke-results td{text-align:start;vertical-align:top;padding:8px;border-bottom:1px solid var(--line, #d5daca)}.stroke-results thead th{font-weight:600}.stroke-result-source,.stroke-result-status{display:block;margin-top:3px;font-size:.75rem;color:var(--muted, #7b827b)}.stroke-result-errors{margin-block:4px 0;padding-inline-start:18px;font-size:.75rem}.writing-history{min-width:0}.writing-history.is-embedded{margin-block:2rem}.history-filters{margin-bottom:1.5rem}.history-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.history-filter-grid label{display:flex;flex-direction:column;gap:.5rem;min-width:0}.history-filter-grid input,.history-filter-grid select{width:100%;min-width:0}.history-attempts{display:grid;gap:1rem;padding:0;margin:1rem 0;list-style:none}.history-attempt{display:flex;align-items:center;justify-content:space-between;gap:1rem}.history-attempt>button{flex-shrink:0}.history-summary{display:flex;align-items:flex-start;gap:1.25rem;min-width:0}.history-character{display:flex;flex-direction:column;align-items:center;min-width:3.5rem}.history-character>span{font-size:2.75rem;line-height:1.3}.history-character small,.history-metadata time{color:var(--muted)}.history-metadata{min-width:0;overflow-wrap:anywhere}.history-attempt-heading{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem}.history-metadata dl{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;margin:.6rem 0 0;font-size:.875rem}.history-metadata dt{color:var(--muted)}.history-metadata dd{margin:.2rem 0 0}.history-pagination{display:flex;justify-content:space-between;gap:1rem;margin-block:1.5rem}.history-detail{margin-top:1.5rem;scroll-margin-top:1rem}.history-detail>.history-summary{margin-bottom:1.5rem}.history-detail .stroke-replay{max-width:580px;margin-inline:auto}.history-detail:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media(max-width:600px){.writing-history.is-embedded>.section-title{align-items:stretch;flex-direction:column}.history-filter-grid{grid-template-columns:1fr}.history-attempt{align-items:stretch;flex-direction:column}.history-summary{gap:.75rem}.history-metadata dl{flex-direction:column}.history-pagination>button{flex:1;white-space:normal}}.app-shell.sidebar-layout>.sidebar[hidden]{display:none}.app-shell.sidebar-layout.sidebar-collapsed>.workspace{margin-inline:0;width:100%}.app-shell.sidebar-layout>.workspace>.topbar{height:auto;min-block-size:69px;padding-block:10px;gap:12px;flex-wrap:wrap;justify-content:flex-start}.sidebar-layout .topbar>.sidebar-toggle{flex:0 1 auto;min-block-size:44px;max-inline-size:100%;padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:600;line-height:1.5;text-align:start;white-space:normal;overflow-wrap:anywhere}.sidebar-layout .topbar>.sidebar-toggle:hover{background:#f3f3eb}.sidebar-layout .topbar>.topbar-breadcrumb{flex:1 1 180px;min-inline-size:0}@media(max-width:760px){.app-shell.sidebar-layout>.workspace>.topbar{min-block-size:43px;padding-block:8px}}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2b3832;background:#f7f6f2;font-synthesis:none;font-weight:400;line-height:1.5;--ink:#293b32;--muted:#7b827b;--red:#b65b43;--red-dark:#984732;--paper:#fffefa;--line:#e7e7df;--green:#50654d;--serif:"Playfair Display",Georgia,serif;--hanzi:"Noto Serif SC","Songti SC",SimSun,serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b65b4370;outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.035em}h1{font-size:36px;line-height:1.25}h2{font-size:26px;line-height:1.3}h3{font-size:16px;font-weight:600}p{line-height:1.7}em{font-weight:500}small{font-size:12px}svg{flex-shrink:0}button{border:0;background:none}input,select,textarea{background:var(--paper);border:1px solid #ddded6;border-radius:7px;width:100%;padding:12px 13px;color:var(--ink);min-width:0}input::placeholder,textarea::placeholder{color:#9a9d96}textarea{resize:vertical;min-height:110px}label{display:block;font-size:13px;font-weight:500;margin-bottom:20px}label input,label select,label textarea{display:block;margin-top:8px}select{min-height:46px}form .button{margin-top:4px}.muted{color:var(--muted);font-size:14px}.optional{font-weight:400;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border-radius:7px;font-size:13px;font-weight:600;line-height:1.5;min-height:44px;transition:background .2s,transform .2s;white-space:nowrap}.button:not(:disabled):hover{transform:translateY(-1px)}.button.primary{background:var(--red);color:#fffaf5;box-shadow:0 2px 2px #6a3d1910}.button.primary:not(:disabled):hover{background:var(--red-dark)}.button.secondary{background:var(--paper);border:1px solid #d9ddd3}.button.secondary:hover{background:#f3f3eb}.button.danger{border:1px solid #d6a094;background:#fff6f1;color:#aa4832}.button.small{padding:9px 13px;min-height:38px;font-size:12px}.button.full{width:100%}.button-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.text-button,.text-link{font-size:12px;color:var(--red);font-weight:600;display:inline-flex;align-items:center;gap:8px}.text-button{padding:5px}.text-link:hover,.text-button:hover{text-decoration:underline}.mini-label,.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#7b846e}.eyebrow{margin-bottom:10px}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:5px;background:#f0f0e9;padding:4px 8px;color:#7c8077;font-size:10px;font-weight:500;white-space:nowrap;line-height:1.5;text-transform:capitalize}.badge.green{background:#ebf0e7;color:#607b54}.badge.amber{background:#fbefdc;color:#a17b38}.notice{padding:14px 17px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;margin-bottom:20px;line-height:1.6}.notice p{margin-top:5px}.notice.error{background:#fff0e9;color:#963d2c;border:1px solid #ebc5b6;overflow-wrap:anywhere}.notice.warning{background:#fff5df;color:#82652d;border:1px solid #ebd9ad}.notice.success{background:#eef5e9;color:#506a42;border:1px solid #d4e1c9}.loading{display:flex;align-items:center;justify-content:center;gap:13px;min-height:180px;font-size:13px;color:var(--muted);text-align:center;padding:25px}.spinner{height:19px;width:19px;flex:0 0 19px;border:2px solid #dddccf;border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{padding:48px 25px;text-align:center}.empty-icon{height:58px;width:58px;display:grid;place-items:center;background:#f1f2e8;border-radius:50%;color:#89957d;margin:0 auto 19px}.empty h3{font-family:var(--serif);font-size:23px;font-weight:500;margin-bottom:10px}.empty p{max-width:420px;margin:0 auto;color:var(--muted);font-size:13px}.empty .button{margin-top:23px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:26px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.section-title h2{margin-top:5px;font-size:24px}.soft-icon{width:38px;height:38px;background:#f1f2e9;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#859174}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.boot .loading{min-height:100px}.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;flex:0 0 242px;background:#fcfbf7;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:31px 19px 0;z-index:20;overflow-y:auto}.brand{display:flex;align-items:center;color:var(--ink);font-family:var(--serif);font-weight:600;font-size:31px;letter-spacing:-1.2px;line-height:1;margin:0 12px}.brand-mark{display:inline-grid;place-items:center;font-family:var(--hanzi);font-size:24px;color:#fcf6eb;background:var(--red);width:37px;height:39px;border-radius:7px;margin-right:10px;transform:rotate(-4deg);font-weight:500}.brand-period{color:var(--red)}.workspace-label{margin:39px 13px 14px;font-size:9px;letter-spacing:1.5px;color:#9b9c91}.nav-link{display:flex;align-items:center;text-align:left;gap:12px;width:100%;border-radius:7px;padding:12px 13px;color:#7b8177;font-size:12px;position:relative;white-space:nowrap;margin-bottom:5px;line-height:1.7}.nav-link svg{width:18px;height:18px}.nav-link:hover{background:#f2f1e9;color:#45573c}.nav-link.active{background:#eeeee3;color:#43583b;font-weight:600}.nav-link.active svg{color:#617651}.nav-dot{width:5px;height:5px;border-radius:50%;background:#758968;margin-left:auto}.sidebar-note{margin:35px 12px 25px;padding:20px 12px 18px;border-top:1px solid var(--line);text-align:center}.note-character{font-family:var(--hanzi);font-size:43px;color:#bbbdaa;display:block;line-height:1.25;margin-bottom:10px}.sidebar-note p{font-family:var(--serif);font-size:17px;color:#74816b;line-height:1.45}.sidebar-note small{font-size:7px;letter-spacing:1.5px;color:#a0a391;display:block;margin-top:13px}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid var(--line);margin:13px -19px 0;padding:20px 25px;display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7eadb;color:#758062;font-size:14px;font-family:var(--serif);flex-shrink:0}.profile strong{font-size:12px;display:block;max-width:140px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile span:not(.profile-dot){font-size:10px;color:#969b8f;display:block}.profile-dot{height:6px;width:6px;border-radius:50%;background:#889b72;margin-left:auto}.workspace{margin-left:242px;width:calc(100% - 242px);min-width:0}.topbar{height:69px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 43px;background:#fbfaf6;font-size:11px;color:#9b9e93}.topbar-breadcrumb{color:#777f74}.topbar-breadcrumb span{margin:0 12px;color:#bbc0b4}.topbar-right{display:flex;gap:9px;align-items:center;font-size:10px}.little-sun{font-size:18px;color:#b1ac8e}main{max-width:1390px;margin:0 auto;padding:36px 43px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading .muted{font-size:12px;margin-top:10px;max-width:680px}.date-chip{font-size:11px;display:flex;align-items:center;gap:8px;color:#8e9487;background:#fffefa;border:1px solid var(--line);padding:8px 12px;border-radius:6px;white-space:nowrap}.hero-card{display:flex;min-height:294px;border-radius:12px;background:#ebeede;border:1px solid #e1e5d3;overflow:hidden;position:relative;padding:35px 38px;margin-bottom:26px}.hero-copy{position:relative;z-index:1;width:59%}.hero-copy .mini-label{font-size:9px;color:#7e8c68;letter-spacing:1.6px}.hero-copy h2{font-size:39px;line-height:1.2;margin:14px 0;color:#344630;letter-spacing:-1.4px}.hero-copy h2 em{color:#687c53}.hero-copy p{color:#7f8a72;font-size:12px;max-width:365px;line-height:1.8;margin-bottom:22px}.hero-copy .button{padding:11px 17px;font-size:12px}.hero-caption{font-size:9px;color:#90967e;display:block;margin-top:13px}.hero-art{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-width:220px}.hero-ring{position:absolute;width:260px;height:260px;border:1px solid #dde1cc;border-radius:50%;transform:translate(6px,2px)}.hero-ring:after{content:"";position:absolute;inset:-29px;border:1px solid #dfe3d1;border-radius:50%}.practice-paper{width:185px;height:220px;background:#faf9ef;box-shadow:5px 10px 24px #6d75471a;border:1px solid #e4e5d2;transform:rotate(-7deg);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(#d4d6c74a 1px,transparent 1px),linear-gradient(90deg,#d4d6c74a 1px,transparent 1px);background-size:50% 50%;z-index:1}.practice-paper:before,.practice-paper:after{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(#c9cbbb 50%,transparent 50%);background-size:1px 9px;opacity:.4}.practice-paper:after{transform:rotate(90deg);height:185px;top:18px}.paper-pinyin{font-size:12px;letter-spacing:2px;color:#a0a78d;z-index:2}.paper-character{font-family:var(--hanzi);font-size:109px;line-height:1.35;color:#526343;z-index:2}.paper-label{font-size:10px;letter-spacing:1px;color:#aaa996;z-index:2}.red-stamp{position:absolute;right:16%;bottom:30px;color:#b6694e;border:2px solid #b6694e;border-radius:3px;padding:3px 4px;font:15px/1.1 var(--hanzi);transform:rotate(7deg);z-index:2;opacity:.8}.art-caption{position:absolute;font-size:7px;letter-spacing:2px;color:#99a282;bottom:0;transform:rotate(-7deg);right:16%}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:19px 20px;min-width:0}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-top svg{color:#9aa18b}.metric span{font-size:10px;color:#8b9184}.metric strong{display:block;font-family:var(--serif);font-size:34px;line-height:1.3;color:#43513e;margin:7px 0 5px;font-weight:500}.metric small{font-size:9px;color:#a0a391;display:block}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:22px}.dashboard-columns>.panel{min-width:0}.dashboard-columns .section-title .text-link{font-size:10px;white-space:nowrap}.dashboard-columns .section-title h2{font-size:23px}.next-panel{display:flex;flex-direction:column}.desk-item{display:flex;align-items:center;gap:11px;padding:16px 0;border-bottom:1px solid #efeee7}.desk-item>div{flex:1;min-width:0}.desk-item strong{display:block;font-size:11px;font-weight:500}.desk-item small{display:block;font-size:9px;color:#9ba18f;margin-top:4px}.desk-item>svg{color:#a0a18d}.desk-character{font-family:var(--hanzi);background:#f1f2e9;width:40px;height:43px;display:grid;place-items:center;font-size:25px;color:#7b896a;border-radius:6px}.desk-empty{padding:18px 4px;text-align:center}.desk-empty>span{font-family:var(--hanzi);font-size:52px;color:#bec3ad}.desk-empty h3{font-family:var(--serif);font-size:20px;font-weight:500;margin:5px 0 8px}.desk-empty p{font-size:11px;color:#989e8e;max-width:210px;margin:0 auto}.quiet-note{margin-top:auto;background:#f5f4ec;border-radius:7px;display:flex;align-items:center;gap:12px;padding:16px;color:#929983}.quiet-note p{font-size:10px;line-height:1.8}.calibration{display:flex;align-items:center;gap:10px;margin:27px 0 10px;border:1px solid #e8e6db;background:#f3f2e9;border-radius:7px;padding:12px 15px}.calibration-dot{height:5px;width:5px;background:#aea789;border-radius:50%;flex-shrink:0}.calibration p{font-size:9px;color:#979680;line-height:1.65;flex:1}.calibration strong{font-weight:600;color:#83836e}.calibration-label{font-size:7px;letter-spacing:1.3px;color:#a09d82;white-space:nowrap}.footer{max-width:1390px;padding:0 43px 23px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;color:#abae9f;font-size:9px}.footer a{display:inline-flex;gap:7px;align-items:center}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.character-card{background:var(--paper);border:1px solid #e7e7db;border-radius:8px;padding:17px;text-align:center;min-width:0;transition:box-shadow .2s,transform .2s}.character-card .badge{font-size:8px;padding:3px 6px}.hanzi{font-family:var(--hanzi);font-weight:400;font-size:72px;line-height:1.5;color:#4e6044}.pinyin{font-size:12px;color:#949983;letter-spacing:.5px;margin:0 0 10px}.character-card small{font-size:9px;color:#9ba18f}.character-actions{display:flex;justify-content:center;margin-top:13px;gap:2px;border-top:1px solid var(--line);padding-top:9px}.character-actions button{padding:4px;font-size:9px;color:#7f8b6d}.character-actions button:hover{color:var(--red)}.compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.compact .character-card{padding:12px 8px}.compact .hanzi{font-size:55px}.compact .pinyin{font-size:11px;margin-bottom:5px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:7px 0 20px}.search-field{margin:0;max-width:355px;flex:1}.search-field input{margin:0;background:#fffefa;font-size:12px}.segmented{padding:4px;border:1px solid #e4e4d9;background:#efefe7;display:flex;gap:3px;border-radius:7px}.segmented button{font-size:12px;padding:9px 16px;border-radius:4px;flex:1;color:#8a907f;white-space:nowrap}.segmented button.selected{background:#fffefa;color:#536047;box-shadow:0 1px 3px #434a2412}.mode-explainer{padding:14px 17px;background:#f0f1e7;border-radius:7px;color:#7c8a6e;font-size:12px;display:flex;gap:12px;align-items:center;margin-bottom:25px}.results-label{font-size:12px;color:#65775c;margin-bottom:20px}.results-label span{color:#a1a694;margin-left:16px;font-size:10px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:18px}.library-character{padding:16px;text-align:center}.library-character:not(:disabled):hover{box-shadow:0 9px 24px #53604110;transform:translateY(-3px);border-color:#b7c0a5}.library-character:disabled{opacity:.55}.character-card-top{display:flex;align-items:center;justify-content:space-between;min-height:20px}.character-number{font-size:9px;color:#bec1af}.library-character .hanzi{font-size:76px;margin:7px 0}.character-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eeeee4;padding-top:15px;margin-top:20px;font-size:10px;color:#8b9679}.session-list{display:flex;flex-direction:column;gap:14px}.session-row{display:flex;gap:20px;align-items:center}.session-glyph{font-family:var(--hanzi);font-size:38px;color:#6e805d;background:#f0f2e6;border-radius:8px;width:65px;height:68px;display:grid;place-items:center;flex-shrink:0}.session-description{flex:1}.session-description h3{text-transform:capitalize;font-size:15px}.session-description p{font-size:11px;color:var(--muted);margin-top:5px}.classroom-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px;align-items:start}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}.class-card-top,.card-topline{display:flex;align-items:center;justify-content:space-between;gap:15px}.class-symbol{width:54px;height:54px;background:#edf0df;border-radius:10px;color:#8a9673}.class-symbol{display:grid;place-items:center}.symbol-1{background:#f4eadd;color:#b3a07d}.symbol-2{background:#e6eee9;color:#8a9f90}.class-card h2{margin-top:19px;font-size:25px}.class-card>p{font-size:12px;color:#939b87;margin-top:6px}.invite-box{background:#f8f7ef;border:1px dashed #dedfce;border-radius:6px;padding:15px;margin:22px 0;display:flex;flex-direction:column;text-align:center}.invite-box>span{font-size:8px;letter-spacing:1.5px;color:#9ba18b}.invite-box strong{font-family:monospace;font-size:25px;letter-spacing:4px;color:#6a7a54;font-weight:500;margin:7px 0}.invite-box small{font-size:9px;color:#9ba18b}.class-card>.text-link{margin-top:20px}.form-panel>.soft-icon{margin-bottom:15px}.form-panel h2{margin-bottom:10px}.form-panel>.muted{margin-bottom:25px;font-size:12px}.form-panel form{margin-top:20px}.form-panel .notice{font-size:12px}.tab-row{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:0 0 25px;overflow-x:auto}.tab-row button{padding:12px 0;font-size:12px;color:#9da28f;border-bottom:2px solid transparent;white-space:nowrap}.tab-row button.active{color:#6c7c54;border-color:#71845c;font-weight:600}.assignment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px}.assignment-card h2{margin-top:19px;font-size:25px}.assignment-characters{display:flex;gap:9px;flex-wrap:wrap;margin:23px 0;align-items:center}.assignment-characters>span{width:39px;height:43px;display:grid;place-items:center;background:#f3f3e9;font-family:var(--hanzi);font-size:25px;color:#7d8b69;border-radius:5px}.assignment-meta{display:flex;align-items:center;gap:9px;font-size:11px;color:#9ba18c;margin-top:10px}.assignment-meta svg{color:#aeb59c}.assignment-footer{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.assignment-footer>small{font-size:10px;color:#9ea58e;display:block;margin-bottom:16px}.assignment-editor{margin-bottom:30px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.checkbox-field{display:flex;align-items:center;gap:10px;font-size:12px;padding-top:20px}.checkbox-field input{width:17px;height:17px;margin:0;accent-color:#75815e}.character-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;margin-bottom:18px}.character-picker-heading h3{font-size:14px}.character-picker-heading .badge{margin-left:6px}.character-picker-heading input{max-width:230px;padding:9px 12px;font-size:12px}.character-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;max-height:350px;overflow-y:auto;padding:3px}.character-picker button{border:1px solid var(--line);border-radius:7px;background:#fbfbf5;padding:11px 8px;position:relative;color:#869076}.character-picker button.selected{background:#eef1df;border-color:#96a37e;color:#5a6f43}.character-picker strong{display:block;font-family:var(--hanzi);font-size:30px;font-weight:400}.character-picker span{font-size:10px}.character-picker svg{position:absolute;top:6px;right:5px}.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px;border-top:1px solid var(--line);padding-top:22px}.editor-footer p{font-size:11px;color:#9ba28a}.submission-list{display:flex;flex-direction:column;gap:13px}.submission-row{display:flex;align-items:center;gap:20px;text-align:left;width:100%;transition:border-color .2s}.submission-row:hover{border-color:#b3bea0}.submission-name{flex:1}.submission-name h3{font-size:15px}.submission-name p{font-size:11px;color:#959e86;margin-top:5px}.submission-name .feedback-preview{font-family:var(--serif);font-size:14px;color:#81916d;max-width:450px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submission-score{font-size:11px;color:#8c957c;white-space:nowrap}.review-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:24px;align-items:start}.back-button{margin-bottom:20px;padding:0}.review-replay{max-width:430px;margin:20px auto}.feedback-score{font-family:var(--serif);font-size:65px;margin:24px 0;color:#74845d}.feedback-score span{font-family:DM Sans,sans-serif;font-size:11px;color:#9ea589;display:block}.form-panel blockquote{font-family:var(--serif);font-size:18px;line-height:1.8;color:#72805f;margin:10px 0 30px;border-left:2px solid #c6cdb2;padding-left:20px}.back-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.session-progress{display:flex;align-items:center;gap:10px;margin-bottom:22px;overflow-x:auto;padding:3px}.progress-item{display:flex;align-items:center;gap:9px;background:#f1f0e8;border:1px solid #e6e5d9;border-radius:7px;white-space:nowrap;padding:9px 13px;color:#969d88}.progress-item>span{border-radius:50%;height:22px;width:22px;border:1px solid #d7dac9;display:grid;place-items:center;font-size:10px}.progress-item strong{font-family:var(--hanzi);font-size:16px;font-weight:500}.progress-item small{font-size:10px}.progress-item.current{border-color:#b8c1a3;background:#f5f7ed;color:#61784e}.progress-item.passed{background:#eaf0e2;color:#779263;border-color:#dce5cf}.progress-item.passed>span{background:#7e9568;color:#fff;border:none}.studio-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:25px;align-items:start}.writing-panel{padding:28px}.writing-panel-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.writing-panel-top .mini-label{font-size:8px;letter-spacing:1.1px}.writing-pinyin{font-family:var(--serif);font-size:33px;margin-top:7px;letter-spacing:.4px;color:#697b56}.audio-control{max-width:190px}.audio-control audio{height:34px;width:190px;max-width:100%}.audio-missing{display:flex;align-items:center;gap:7px;font-size:10px;color:#a0a58f}.save-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:15px 0;font-size:9px;color:#a1a78f;line-height:1.5}.save-status>span{display:inline-flex;align-items:center;gap:5px}.save-status>span>span{height:5px;width:5px;border-radius:50%}.status-good>span{background:#8da575}.status-wait>span{background:#c59a63}.save-status .text-button{font-size:10px}.finish-button{margin-top:4px}.target-panel{text-align:center;padding:25px 25px 28px}.target-character{font-family:var(--hanzi);font-size:93px;color:#657952;line-height:1.3;margin-top:20px}.recall-symbol{font-family:var(--serif);color:#a1ae8d}.target-panel h3{font-size:16px;letter-spacing:1px;color:#939f7e;font-weight:400;margin-top:8px}.target-panel p{font-size:11px;color:#9ba18b;margin-top:15px;line-height:1.9}.target-score{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.target-score>strong{display:block;font:38px var(--serif);color:#6e8357}.target-score>strong>span{font-size:23px;color:#b2b9a2}.target-score>span{font-size:10px;color:#99a384}.target-dots{display:flex;justify-content:center;gap:8px;margin:16px 0 10px}.target-dots>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f0f2e7;color:#b7bea5;font-size:10px;border:1px solid #e3e7d6}.target-dots>span.done{background:#82976c;color:#fff;border-color:#82976c}.target-panel>small{font-size:9px;color:#a4ad91}.writing-tip{display:flex;gap:12px;padding:23px 4px;color:#a3ad90}.writing-tip strong{font-size:11px;color:#82946a;font-weight:500}.writing-tip p{font-size:10px;color:#9ca88b;line-height:1.8;margin-top:6px}.attempt-result{background:#faf4e8;border:1px solid #e9ddc4;padding:20px;border-radius:8px;margin-top:20px}.attempt-result.success-result{background:#f0f5e9;border-color:#dbe7cc}.attempt-result h3{margin:12px 0 7px;font-family:var(--serif);font-size:22px;font-weight:500;color:#67774e}.attempt-result p{font-size:12px;color:#8f977b}.attempt-result>.button{margin-top:20px}.stroke-errors{font-size:11px;color:#a08059;padding-left:18px;line-height:1.9;margin:12px 0 0}.replay-panel h3{font-size:13px;margin-bottom:15px;color:#869474}.completed-replay{max-width:520px;margin:25px auto}.completion-panel{text-align:center;padding:48px 25px}.completion-icon{width:78px;height:78px;border-radius:50%;background:#edf2e0;color:#8ca96d;display:grid;place-items:center;margin:0 auto 25px}.completion-panel h2{font-size:33px}.completion-panel p{font-size:13px;color:#98a086;max-width:500px;margin:15px auto}.completion-panel .button{margin-top:16px}.account-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:23px;align-items:start}.account-profile{text-align:center;padding:40px 20px}.avatar.large{width:78px;height:78px;font-size:34px;margin:0 auto 20px}.account-profile h2{font-size:29px}.account-profile p{font-size:13px;color:#9ba28c;margin:10px 0 18px;overflow-wrap:anywhere}.privacy-panel ul{padding-left:18px;margin:20px 0 0;font-size:12px;color:#939e82;line-height:1.95}.privacy-panel li{padding-left:5px;margin-bottom:10px}.account-grid>.panel>.soft-icon{margin-bottom:20px}.account-grid>.panel>.muted,.account-grid>.panel>p{font-size:12px;margin:14px 0 22px}.danger-zone{border-color:#ecd6c8}.danger-zone h2{color:#a57459}.danger-zone>p{color:#aa947e}.danger-zone form{margin-top:20px}.analytics-stats .metric>span{display:block}.insights-panel{display:flex;align-items:center;gap:40px;padding:45px}.insight-illustration{font-family:var(--hanzi);font-size:130px;color:#acb694;background:#f1f2e5;width:185px;height:210px;display:grid;place-items:center;flex-shrink:0;border-radius:8px}.insights-panel h2{margin:10px 0 18px}.insights-panel p{font-size:13px;color:#99a183;max-width:540px;margin-bottom:10px}.insights-panel .text-link{margin-top:15px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-story{background:#e9eddc;padding:44px 55px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:100vh}.auth-story>.brand{margin:0}.auth-story-body{margin:auto 0;padding-top:50px}.auth-story h1{font-size:64px;line-height:1.14;color:#405237;letter-spacing:-2px;margin:22px 0}.auth-story h1 em{color:#859365}.auth-story-body>p:not(.eyebrow){font-size:13px;color:#8a9679;max-width:360px;line-height:1.9}.auth-story>small{font-size:8px;letter-spacing:2px;color:#98a183;margin-top:35px}.auth-character-art{display:flex;gap:22px;margin-top:48px;position:relative;padding-left:10px;max-width:340px}.auth-character-art>div{font-family:var(--hanzi);font-size:87px;line-height:1;display:grid;place-items:center;width:139px;height:151px;color:#6f8057;border:1px solid #dce1cb;background-color:#f7f7eb;background-image:linear-gradient(#d0d5bf66 1px,transparent 1px),linear-gradient(90deg,#d0d5bf66 1px,transparent 1px);background-size:50% 50%;box-shadow:2px 8px 18px #6c794418;transform:rotate(-8deg)}.auth-character-art>div:nth-child(2){transform:rotate(7deg) translateY(15px)}.art-stamp{position:absolute;right:4px;bottom:-25px;color:#b97858;border:2px solid #bb7f5e;font:16px/1.1 var(--hanzi);padding:4px;transform:rotate(-3deg)}.auth-panel{display:flex;align-items:center;justify-content:center;padding:50px;background:#fcfbf7}.auth-form-wrap{max-width:405px;width:100%}.auth-form-wrap>h2{font-size:38px;margin-top:10px;margin-bottom:12px}.auth-form-wrap>.muted{font-size:12px;margin-bottom:28px}.auth-form-wrap>.segmented{margin-bottom:28px}.auth-form-wrap form>label{font-size:12px}.auth-form-wrap form>.button{margin-top:6px}.privacy-note{display:flex;gap:8px;align-items:flex-start;font-size:10px;color:#a3a48f;line-height:1.9;margin-top:24px}.privacy-note>svg{margin-top:2px}.role-field{border:0;padding:0;margin:0 0 20px}.role-field legend{font-size:12px;margin-bottom:10px}.role-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-options>button{text-align:left;padding:15px;border:1px solid var(--line);border-radius:7px;background:#fcfcf5;color:#89937a}.role-options>button.chosen{border-color:#a8b58c;background:#f0f3e4;color:#687d4f}.role-options strong{font-size:11px;display:block;margin:7px 0 3px;font-weight:500}.role-options span{font-size:9px;color:#a0aa90}.auth-form-wrap>.calibration{margin-top:25px}.auth-form-wrap .calibration-label{display:none}.auth-form-wrap .calibration{padding:10px}.auth-form-wrap .calibration p{font-size:9px}@media(min-width:1550px){main{padding-top:44px}.hero-card{min-height:330px;padding:42px}.hero-copy h2{font-size:45px}.practice-paper{width:207px;height:242px}.paper-character{font-size:122px}.hero-art{max-width:430px}.sidebar{width:258px;flex-basis:258px}.workspace{margin-left:258px;width:calc(100% - 258px)}.dashboard-columns{grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr)}.hero-copy p{font-size:13px}.compact{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:1200px){.sidebar{width:215px;flex-basis:215px;padding-left:13px;padding-right:13px}.workspace{margin-left:215px;width:calc(100% - 215px)}main{padding:30px 27px 18px}.topbar{padding:0 27px}.footer{padding:0 27px 22px}.brand{font-size:28px;margin-left:10px}.nav-link{font-size:11px;gap:10px}.profile{margin-left:-13px;margin-right:-13px;padding-left:20px;padding-right:20px}.hero-card{padding:30px}.hero-copy h2{font-size:33px}.hero-art{min-width:190px}.practice-paper{width:157px;height:195px}.paper-character{font-size:93px}.red-stamp{right:1%;bottom:28px}.hero-ring{width:225px;height:225px}.stats-grid{gap:12px}.metric{padding:17px 15px}.metric-top svg{width:15px}.metric-top span{font-size:9px}.metric small{font-size:8px}.dashboard-columns{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:18px}.dashboard-columns .panel{padding:21px}.section-title{gap:10px}.dashboard-columns .section-title{flex-wrap:wrap}.dashboard-columns .section-title h2{font-size:22px}.library-toolbar{flex-wrap:wrap}.search-field{max-width:none}.mode-segment{width:auto}.classroom-layout{grid-template-columns:minmax(0,1.4fr) minmax(265px,1fr)}.studio-layout{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:18px}.writing-panel{padding:20px}.audio-control{max-width:145px}.audio-control audio{width:145px}.writing-panel-top{gap:12px}.writing-panel-top .mini-label{font-size:7px}.target-panel{padding:22px 18px}.auth-story{padding:35px}.auth-story h1{font-size:55px}.auth-panel{padding:40px}.account-grid{grid-template-columns:1fr 1.4fr}.insights-panel{padding:30px;gap:25px}}@media(max-width:1000px){h1{font-size:31px}.topbar-right{display:none}.hero-copy h2{font-size:31px}.hero-copy{width:60%}.hero-art{min-width:160px}.practice-paper{width:139px;height:174px}.paper-character{font-size:81px}.paper-pinyin{font-size:10px}.paper-label{font-size:9px}.hero-ring{width:195px;height:195px}.art-caption{font-size:6px;right:0}.red-stamp{bottom:22px;font-size:13px}.dashboard-columns{grid-template-columns:1fr}.next-panel{display:block}.desk-empty{padding:10px}.quiet-note{margin-top:20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-top span{font-size:11px}.metric small{font-size:10px}.metric strong{font-size:36px}.character-grid.compact{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.calibration-label,.date-chip{display:none}.classroom-layout,.review-layout{grid-template-columns:1fr}.classroom-layout>.form-panel{grid-row:1}.classroom-layout .form-panel form{display:flex;align-items:flex-end;gap:15px}.classroom-layout .form-panel label{flex:1;margin:0}.classroom-layout .form-panel .button{width:auto}.classroom-layout .form-panel>.soft-icon{display:none}.classroom-layout .form-panel>.muted{margin-bottom:15px}.studio-layout{grid-template-columns:1fr}.studio-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.target-panel .target-character{font-size:65px;margin-top:10px}.target-panel .target-score{margin-top:15px;padding-top:14px}.writing-tip{padding:20px 5px;align-self:center}.replay-panel{grid-column:1/-1}.account-grid{grid-template-columns:1fr}.account-profile{display:flex;align-items:center;gap:20px;padding:25px;flex-wrap:wrap}.account-profile .avatar{margin:0;width:55px;height:55px;font-size:24px}.account-profile h2{font-size:23px}.account-grid .account-profile>p{margin:0}.insights-panel{align-items:flex-start}.insight-illustration{width:130px;height:150px;font-size:95px}.auth-story h1{font-size:46px}.auth-story{padding:35px 30px}.auth-character-art{gap:12px;padding-left:0}.auth-character-art>div{width:110px;height:126px;font-size:70px}.auth-panel{padding:35px 30px}.auth-form-wrap>h2{font-size:32px}.role-options>button{padding:12px}.role-options strong{font-size:10px}.session-row{flex-wrap:wrap;gap:13px}.session-description{min-width:150px}.session-row>.text-link{margin-left:auto}.submission-row{gap:12px;flex-wrap:wrap}.submission-name{min-width:180px}.submission-score{margin-left:auto}.submission-row .feedback-preview{max-width:300px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;width:100%;padding:20px 20px 0;overflow:visible;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;background:#fcfbf7}.sidebar>.brand{font-size:27px;margin:0}.brand-mark{width:32px;height:34px;font-size:21px}.workspace-label,.sidebar-note,.sidebar-bottom,.profile-dot{display:none}.sidebar>nav{grid-column:1/-1;display:flex;overflow-x:auto;gap:5px;padding:18px 0 12px;margin:0 -3px;scrollbar-width:thin}.nav-link{width:auto;margin:0;flex:0 0 auto;padding:10px 11px;font-size:10px;gap:6px}.nav-link>svg{width:15px;height:15px}.nav-dot{display:none}.profile{grid-row:1;grid-column:2;border:0;margin:0;padding:0;gap:8px}.profile .avatar{width:31px;height:31px;font-size:12px}.profile strong{font-size:10px;max-width:105px}.profile span:not(.profile-dot){font-size:8px}.workspace{width:100%;margin:0}.topbar{height:43px;padding:0 22px;font-size:10px}.topbar:after{content:"";display:none}main{padding:27px 22px 15px}.page-heading{margin-bottom:24px;gap:15px;align-items:flex-start}.page-heading h1{font-size:29px}.page-heading .muted{font-size:11px;line-height:1.8}.eyebrow{font-size:8px;letter-spacing:1.4px}.page-heading>.button{font-size:10px;padding:10px 12px;min-height:39px;gap:6px}.hero-card{padding:29px 25px;min-height:280px}.hero-copy h2{font-size:31px;margin:12px 0}.hero-copy .mini-label{font-size:7px;letter-spacing:1.1px}.hero-copy p{font-size:11px;max-width:285px}.hero-caption{font-size:8px}.hero-art{min-width:155px}.hero-ring{width:180px;height:180px}.practice-paper{height:173px;width:133px}.paper-character{font-size:77px}.red-stamp{right:-3%;bottom:36px}.art-caption{bottom:15px}.stats-grid{gap:12px;margin-bottom:24px}.metric{padding:17px 18px}.metric strong{font-size:32px}.metric span{font-size:10px}.metric small{font-size:9px}.dashboard-columns{gap:20px}.panel{padding:22px}.section-title h2,.dashboard-columns .section-title h2{font-size:24px}.dashboard-columns .section-title{flex-wrap:nowrap}.character-grid.compact{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}.calibration{margin-top:23px;padding:12px}.calibration p{font-size:9px}.footer{padding:0 22px 25px;font-size:8px}.footer>a{color:#8a967a}.library-toolbar{gap:12px}.search-field{flex-basis:100%}.mode-segment{width:100%}.mode-segment button{font-size:11px;padding:9px}.results-label{font-size:11px}.results-label span{display:block;margin:5px 0 0;font-size:9px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:13px}.mode-explainer{font-size:11px;padding:13px}.character-bottom{font-size:9px}.classroom-layout .form-panel form{display:block}.classroom-layout .form-panel label{margin-bottom:15px}.classroom-layout .form-panel .button{width:100%}.class-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.assignment-grid{grid-template-columns:1fr}.tab-row{gap:22px;margin-top:7px}.tab-row button{font-size:11px}.assignment-card h2{font-size:27px}.form-grid{grid-template-columns:1fr}.checkbox-field{padding-top:0;margin:8px 0 20px}.character-picker-heading{align-items:flex-start;flex-direction:column;gap:13px}.character-picker-heading input{max-width:none}.character-picker{grid-template-columns:repeat(auto-fill,minmax(66px,1fr))}.editor-footer{flex-direction:column;align-items:stretch}.editor-footer .button{width:100%}.back-row .text-link{font-size:10px}.back-row .badge{font-size:8px}.writing-panel{padding:18px}.writing-panel-top .mini-label{font-size:8px}.writing-pinyin{font-size:29px}.audio-control{max-width:175px}.audio-control audio{width:175px}.studio-aside{grid-template-columns:1fr 1fr}.target-panel{padding:21px 17px}.target-panel p{font-size:10px}.target-panel .mini-label{font-size:8px}.target-panel h3{font-size:14px}.writing-tip p{font-size:10px}.target-score>strong{font-size:30px}.save-status{font-size:9px}.completion-panel h2{font-size:27px}.completion-panel p{font-size:12px}.review-layout .panel{padding:22px}.submission-row .submission-name{min-width:170px}.submission-row .badge{margin-left:48px}.submission-row .avatar{width:32px;height:32px}.submission-name h3{font-size:13px}.submission-name p{font-size:10px}.submission-name .feedback-preview{max-width:250px;font-size:12px}.account-grid .account-profile{gap:14px}.account-grid .account-profile p{flex-basis:100%;text-align:left;margin-left:69px;margin-top:-15px}.account-profile .badge{margin-left:69px}.insights-panel{padding:25px;gap:22px}.insight-illustration{width:91px;height:126px;font-size:77px}.insights-panel h2{font-size:24px}.insights-panel p{font-size:11px}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:0;padding:27px 28px 30px}.auth-story .brand{font-size:28px}.auth-story-body{padding-top:30px}.auth-story-body>.eyebrow{font-size:7px}.auth-story h1{font-size:43px;margin:14px 0;line-height:1.1}.auth-story h1 br:nth-child(2){display:none}.auth-story-body>p:not(.eyebrow){max-width:380px;font-size:12px}.auth-character-art,.auth-story>small{display:none}.auth-panel{padding:34px 28px}.auth-form-wrap{max-width:460px}.auth-form-wrap>h2{font-size:33px}.auth-form-wrap>.muted{margin-bottom:23px}.auth-form-wrap .calibration{margin-bottom:0}.privacy-note{font-size:10px}.notice{align-items:flex-start;flex-direction:column;gap:10px}.notice .button{width:100%}.notice .text-button{padding-left:0}}@media(max-width:440px){main{padding-left:17px;padding-right:17px}.sidebar{padding-left:17px;padding-right:17px}.profile>div:not(.avatar){display:none}.page-heading h1{font-size:26px}.hero-card{padding:25px 21px;min-height:280px}.hero-copy{width:70%}.hero-copy h2{font-size:29px}.hero-copy p{font-size:10px;max-width:220px}.hero-art{position:absolute;right:-34px;top:50px;width:145px;min-width:0;opacity:.6;height:220px;transform:rotate(5deg)}.hero-ring{display:none}.hero-copy{z-index:2}.hero-copy p{padding-right:8px}.hero-caption{font-size:7px}.hero-copy .button{font-size:11px;padding:10px 14px}.practice-paper{width:113px;height:151px}.paper-character{font-size:69px}.red-stamp{right:16%;bottom:19px;font-size:11px}.art-caption{display:none}.metric{padding:14px}.metric-top span{font-size:9px}.metric small{font-size:8px}.stats-grid{gap:10px}.compact{gap:10px!important}.character-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns .panel{padding:18px}.dashboard-columns .section-title .text-link{font-size:9px;gap:4px}.section-title h2,.dashboard-columns .section-title h2{font-size:21px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-character{padding:12px}.library-character .hanzi{font-size:65px}.character-bottom{font-size:8px;gap:5px}.character-card-top .badge{font-size:7px;padding:3px 4px}.character-number{font-size:8px}.character-bottom svg{width:13px}.studio-aside{grid-template-columns:1fr}.target-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6px 20px}.target-panel>.mini-label{grid-column:1/-1}.target-panel>.target-character{grid-row:2/5;grid-column:1;font-size:80px;margin:0}.target-panel>h3{grid-column:1;grid-row:5;margin:0}.target-panel>p{grid-column:1/-1;font-size:10px;margin:9px 0 0}.target-panel>.target-score{grid-row:2/4;grid-column:2;border:0;margin:0;padding:0}.target-panel>.target-dots{grid-column:2;grid-row:4;margin:0}.target-panel>small{grid-column:2;grid-row:5;font-size:8px}.target-dots>span{width:21px;height:21px;font-size:9px}.target-dots{gap:5px}.writing-tip{padding:6px 4px}.audio-control{max-width:135px}.audio-control audio{width:135px}.audio-missing{font-size:9px;max-width:100px}.writing-panel-top .mini-label{font-size:6px}.writing-panel{padding:14px}.save-status{font-size:8px;gap:9px}.session-progress{gap:7px}.progress-item{padding:7px 10px;gap:7px}.progress-item strong{font-size:14px}.back-row{gap:10px}.back-row .badge{font-size:7px}.insights-panel{display:block}.insight-illustration{display:none}.account-grid .account-profile{padding:22px}.footer{font-size:7px;padding-left:17px;padding-right:17px}.footer svg{width:11px}.session-row{padding:18px}.session-row>.badge{margin-left:78px}.session-glyph{width:57px;height:59px;font-size:33px}.session-description p{font-size:10px}.session-description h3{font-size:13px}.session-row>.text-link{font-size:10px}.page-heading>.button{white-space:normal;min-width:90px;text-align:center}.tab-row{gap:17px}.auth-story h1{font-size:39px}}.mobile-only{display:none}.custom-character-entry{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fbfbf5}.custom-character-entry label{margin:0;font-size:13px}.custom-character-entry p{margin:5px 0 11px;color:var(--muted);font-size:11px}.custom-character-entry textarea{width:100%;resize:vertical;min-height:70px;font-family:var(--hanzi);font-size:22px;line-height:1.5}.custom-character-entry .button-row{margin-top:10px}.field-feedback{margin:10px 0 0;font-size:11px}.field-feedback.error{color:#9c5347}.chosen-characters{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chosen-characters>span{display:inline-flex;align-items:center;gap:6px;padding:5px 7px 5px 10px;border:1px solid #aeb99b;border-radius:999px;background:#eef1df;font-family:var(--hanzi);font-size:18px;color:#5a6f43}.chosen-characters button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font:16px/1 sans-serif}.chosen-characters button:hover{background:#dfe5c9}.admin-users-table table{border-collapse:collapse;width:100%;min-width:720px;text-align:left}.admin-users-table th,.admin-users-table td{padding:15px 12px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:middle}.admin-users-table thead th{font-size:10px;color:#8b957e;font-weight:500;letter-spacing:.5px}.admin-users-table tbody th{font-weight:600;max-width:220px;overflow-wrap:anywhere}.admin-users-table td{color:#778173}.admin-users-table tbody tr:last-child th,.admin-users-table tbody tr:last-child td{border-bottom:0}.admin-role-field{display:flex;align-items:center;gap:10px;margin:0}.admin-role-field select{width:130px;min-height:38px;padding:8px 10px;font-size:11px}.admin-role-field>span:not(.sr-only){font-size:10px;color:var(--muted)}.resource-audio{width:100%;height:33px;margin-top:12px}.resource-audio-note{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.7}.recovery-label{display:block;margin-top:18px}.recovery-token-link{display:inline-flex;margin-top:19px}.class-management{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:21px 0 8px}.class-management>.text-button{font-size:10px}.class-management>.button{font-size:10px;padding:8px 10px}.classroom-notice{margin-top:17px;font-size:11px}.class-rename-form{padding:18px 0;border-top:1px solid var(--line);margin-top:16px}.class-rename-form label{font-size:11px}.class-rename-form input{font-size:12px}.archived-note{font-size:11px!important;line-height:1.8!important;color:#969a86!important;margin-top:18px!important}.archived-class .class-symbol{opacity:.6}.member-roster{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.member-roster h3{font-size:13px;color:#78876a;margin-bottom:14px}.member-roster ul{list-style:none;padding:0;margin:0}.member-roster li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #eeeee4}.member-roster li>div{min-width:0}.member-roster li strong{font-size:11px;font-weight:500;display:block}.member-roster li span{font-size:10px;color:#96a086;display:block;overflow-wrap:anywhere;margin-top:4px}.member-roster li .text-button{font-size:10px;flex-shrink:0}.member-roster .loading{min-height:90px;padding:15px;font-size:11px}.roster-empty{font-size:11px;padding:12px 0}.roster-notice{font-size:11px;color:#6f885c;line-height:1.7;margin-bottom:12px}.analytics-progress,.error-insights,.character-insights{margin-bottom:24px}.analytics-footnote{font-size:11px;color:var(--muted);line-height:1.8;margin-top:16px}.progress-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:18px;margin:0}.progress-metrics>div{padding:14px;background:#f7f7ef;border-radius:7px}.progress-metrics dt{font-size:11px;color:#738263}.progress-metrics dd{font-family:var(--serif);font-size:29px;margin:8px 0;color:#536b44}.progress-metrics small{font-size:10px;color:#8d9880;display:block;line-height:1.7}.table-scroll{overflow-x:auto}.error-patterns table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;min-width:350px}.error-patterns th,.error-patterns td{padding:12px 10px;border-bottom:1px solid var(--line)}.error-patterns thead th{font-size:10px;color:#8b957e;font-weight:500}.error-patterns tbody th{text-transform:capitalize;font-weight:500;color:#6f805f}.error-patterns td{color:#89947b}.compact-patterns{margin:20px 0}.character-insight{border-top:1px solid var(--line)}.character-insight>summary{display:flex;align-items:center;gap:18px;padding:17px 4px;cursor:pointer;list-style:none}.character-insight>summary:after{content:"+";font-size:20px;color:#8d9b7a;margin-left:auto}.character-insight[open]>summary:after{content:"−"}.insight-glyph{font-family:var(--hanzi);font-size:35px;background:#f0f2e4;color:#72865d;border-radius:7px;min-width:56px;text-align:center}.insight-name{flex:1}.insight-name strong{font-size:14px;font-weight:500}.insight-name small{display:block;color:#9da68e;font-size:10px;margin-top:3px}.insight-accuracy{font-family:var(--serif);font-size:24px;color:#75875f}.insight-accuracy small{font-family:DM Sans,sans-serif;display:block;font-size:8px;color:#a2aa94}.insight-content{padding:5px 4px 24px}.insight-content>h3{margin:24px 0 14px;font-size:13px;color:#7c8b68}.version-insight{border:1px solid var(--line);border-radius:7px;margin-bottom:10px}.version-insight>summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px;cursor:pointer;list-style:none;font-size:10px;color:#8d9781}.version-insight>summary>small{margin-left:auto;font-size:10px}.version-content{padding:15px}.version-content .progress-metrics{gap:10px}.version-totals{display:flex;gap:18px;color:#8b987b;font-size:11px;margin-bottom:15px}.version-insight>summary:before{content:"›";font-size:17px;color:#99a686}.version-insight[open]>summary:before{content:"⌄"}@media(max-width:600px){.analytics-progress .section-title{flex-wrap:wrap}.progress-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.progress-metrics>div{padding:12px}.progress-metrics dt{font-size:10px}.progress-metrics dd{font-size:25px}.progress-metrics small{font-size:9px}.character-insight>summary{gap:11px}.insight-glyph{font-size:30px;min-width:45px}.insight-accuracy{font-size:21px}.character-insight>summary>.badge{display:none}.version-insight>summary>span:not(.badge){overflow-wrap:anywhere;max-width:75%}}@media(max-width:760px){.nav-link.mobile-only{display:flex}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.studio-layout{grid-template-areas:"writing target" "writing extras";grid-template-rows:auto 1fr}.learning-quote blockquote{margin:0}.student-character-entry{min-width:0;display:flex;flex-direction:column;gap:8px}.student-character-entry>.library-character{width:100%;flex:1}.student-character-entry>.text-link{align-self:center;margin-bottom:8px}.learning-quote blockquote p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.learning-quote cite{display:block;margin-top:10px;font-size:11px;font-style:normal;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.learning-quote cite a{color:inherit;text-decoration:underline;text-underline-offset:3px}.footer{flex-wrap:wrap;align-items:flex-start;gap:12px}.footer-brand{white-space:nowrap}.audio-credits{max-width:360px}.audio-credits summary{cursor:pointer}.audio-credits p{margin:8px 0 0;font-size:10px;line-height:1.7;overflow-wrap:anywhere}.audio-credits a{text-decoration:underline;text-underline-offset:2px}.studio-layout>.writing-panel{grid-area:writing;min-width:0}.studio-layout>.target-panel{grid-area:target;min-width:0}.studio-layout>.studio-aside{grid-area:extras;min-width:0;display:block}@media(max-width:1000px){.studio-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"writing writing" "target extras";grid-template-rows:auto auto}}@media(max-width:760px){.studio-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"target" "writing" "extras";grid-template-rows:auto auto auto}.studio-layout>.target-panel{padding:18px}.studio-layout>.target-panel .target-character{font-size:56px;margin-top:8px}.studio-layout>.target-panel .target-score{margin-top:12px;padding-top:12px}.studio-layout>.target-panel .target-dots{margin-top:10px}}:root{--ui-font: system-ui, -apple-system, "Segoe UI", "Noto Sans", "Leelawadee UI", "Khmer UI", "Yu Gothic", "Malgun Gothic", Tahoma, sans-serif;font-family:var(--ui-font)}.language-control{position:sticky;inset-block-start:0;z-index:100;min-block-size:64px;padding:8px 24px;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;background:#fcfbf7;border-block-end:1px solid var(--line)}.language-selector{display:flex;align-items:center;gap:10px;margin:0;font-size:13px}.language-selector select{inline-size:170px;max-inline-size:55vw;margin:0;min-block-size:44px}.language-warning{font-size:12px;color:var(--red-dark);max-inline-size:500px}.language-control>[role=status]{font-size:12px}.sidebar{inset-block-start:var(--language-bar-height, 64px)}.auth-layout,.boot{min-height:calc(100vh - var(--language-bar-height, 64px))}.button,.badge,.nav-link{white-space:normal;overflow-wrap:anywhere}.nav-link{text-align:start}.topbar-breadcrumb{overflow-wrap:anywhere}.topbar-right{display:none}.page-heading>div,.section-title>div,.profile>div,.submission-name{min-inline-size:0}h1,h2,h3,.notice,.empty,.mode-segment button,.tab-row button{overflow-wrap:anywhere}.calibration p,.metric small,.footer,.mini-label,.eyebrow{font-size:clamp(11px,.85vw,13px)}.hanzi,.pinyin,.paper-pinyin,.paper-character,.writing-pinyin,.target-character,.desk-character,.insight-glyph,.brand,.auth-character-art,.red-stamp,.writing-surface,.writing-demo-surface,.writing-replay-surface,input[type=email],input[type=password],input[type=datetime-local],.invite-code strong,.invitation-code strong{direction:ltr;unicode-bidi:isolate}input[type=email],input[type=password]{text-align:start}[dir=rtl] .sidebar{inset-inline-start:0;inset-inline-end:auto;border-right:0;border-left:1px solid var(--line)}[dir=rtl] .workspace{margin-left:0;margin-right:242px}[dir=rtl] .nav-dot,[dir=rtl] .profile-dot{margin-left:0;margin-right:auto}[dir=rtl] .profile strong{text-align:start}[dir=rtl] .submission-row,[dir=rtl] .desk-item,[dir=rtl] .session-row,[dir=rtl] .character-tile,[dir=rtl] .role-options>button{text-align:start}[dir=rtl] .mini-label,[dir=rtl] .eyebrow,[dir=rtl] .workspace-label{letter-spacing:normal}[dir=rtl] .directional-icon{transform:scaleX(-1)}:lang(ar),:lang(fa),:lang(km),:lang(th),:lang(ja),:lang(ko),:lang(zh-CN){--serif: var(--ui-font)}:lang(ar) h1,:lang(ar) h2,:lang(fa) h1,:lang(fa) h2,:lang(km) h1,:lang(km) h2,:lang(th) h1,:lang(th) h2{letter-spacing:normal;line-height:1.5}:lang(ar) em,:lang(fa) em{font-style:normal}@media(max-width:1200px){[dir=rtl] .workspace{margin-right:215px}}@media(max-width:760px){.language-control{padding-inline:16px}.sidebar,[dir=rtl] .sidebar{inset:auto;border-inline:0}[dir=rtl] .workspace{margin-inline:0}.nav-link{white-space:nowrap}.mode-segment{flex-wrap:wrap}.mode-segment button{flex:1 1 90px;min-block-size:44px}.page-heading,.section-title,.writing-panel-top{flex-wrap:wrap}.topbar{block-size:auto;min-block-size:43px;padding-block:8px}[dir=rtl] .session-row>.text-link,[dir=rtl] .submission-score{margin-left:0;margin-right:auto}}@media(prefers-reduced-motion:reduce){.language-control *,.button{transition:none}}