:root{font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100svh}.workspace-picker-page{background:var(--bg);place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.workspace-picker{background:var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:1rem;width:100%;max-width:32rem;padding:clamp(2rem,6vw,3.5rem)}.workspace-picker-brand{color:var(--ink);letter-spacing:-.09em;margin-bottom:clamp(2.5rem,7vh,4.5rem);font-size:2rem;font-weight:800;text-decoration:none;display:inline-block}.workspace-picker .eyebrow{color:var(--accent);margin-bottom:.8rem;font-size:.72rem}.workspace-picker h1{color:var(--ink);letter-spacing:-.025em;font-size:clamp(2rem,6vw,3rem);line-height:1.05}.workspace-picker-options{gap:.75rem;margin-top:2rem;display:grid}.workspace-picker-options button{background:var(--surface);border-color:var(--line);color:var(--ink);text-align:left;justify-content:flex-start;align-items:center;gap:.9rem;width:100%;min-height:4.8rem;padding:.85rem 1rem;display:flex}.workspace-picker-options button:hover{border-color:var(--accent);filter:none}.workspace-picker-options button>svg:first-child{color:var(--accent);width:1.5rem;height:1.5rem}.workspace-picker-flag{width:1.5rem;font-size:1.5rem;font-style:normal;line-height:1}.workspace-picker-options button>span{gap:.15rem;display:grid}.workspace-picker-options strong{font-size:1rem}.workspace-picker-options small{color:var(--muted);font-size:.78rem;font-weight:500}.workspace-picker-options button>svg:last-child{margin-left:auto}.workspace-picker-signout{color:var(--muted);background:0 0;border:0;margin:1.5rem auto 0;padding:.45rem;font-size:.85rem;display:block}.workspace-picker-signout:hover{color:var(--accent);filter:none}.auth-page.auth-login{background:var(--bg);grid-template-columns:repeat(2,minmax(0,1fr));place-items:stretch stretch;min-height:100dvh;padding:.5rem;display:grid;overflow-x:hidden}.auth-login-visual{background:var(--surface-2);border:1px solid var(--line);border-radius:.9rem 0 0 .9rem;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(1rem,2.5vh,2rem);min-height:calc(100dvh - 1rem);padding:clamp(3rem,4.5vw,4rem);display:grid}.auth-login-brand{color:var(--ink);letter-spacing:-.09em;justify-self:start;font-size:clamp(2rem,2.6vw,2.75rem);font-weight:800;line-height:1;text-decoration:none}.auth-login-illustration{justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.auth-login-illustration img{object-fit:contain;width:100%;max-width:min(100%,34rem);height:auto;max-height:min(47vh,32rem);display:block}.auth-login-copy{max-width:34rem}.auth-login-copy h1{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(2.15rem,3.1vw,3.45rem);line-height:1.02}.auth-login-copy p{color:var(--muted);max-width:29rem;margin:.85rem 0 0;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.45}.auth-login-panel{background:var(--bg);border:1px solid var(--line);border-left:0;border-radius:0 .9rem .9rem 0;grid-template-rows:auto minmax(0,1fr);min-width:0;padding:clamp(2rem,4vw,4rem);display:grid;position:relative}.auth-login-language{border-color:var(--line);color:var(--ink);background:0 0;align-items:center;gap:.6rem;margin-left:auto;padding:.65rem .85rem;font-size:.9rem;font-weight:600;display:flex}.auth-login-language svg{width:1.05rem;height:1.05rem}.auth-login-form{align-self:center;width:100%;max-width:32.5rem;margin:0 auto;display:grid}.auth-login-form .eyebrow{color:var(--accent);margin-bottom:.8rem;font-size:.75rem}.auth-login-form h2{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(2.35rem,3.6vw,3.5rem);line-height:1.02}.auth-login-form .auth-lead{color:var(--muted);margin:.85rem 0 1.75rem;font-size:1rem;line-height:1.5}.auth-login-form .google-login{background:var(--surface);border:1px solid var(--line);box-shadow:none;color:var(--ink);border-radius:.65rem;justify-content:center;align-items:center;min-height:3.5rem;text-decoration:none;display:flex}.auth-login-form .google-mark{margin-right:1rem}.auth-login-form .auth-divider{margin:1.65rem 0}.auth-login-form .password-login{gap:.85rem}.auth-login-form .auth-input{border-color:var(--line);min-height:3.5rem}.auth-login-form .auth-input input{box-shadow:none;border:0;outline:0}.auth-login-form .password-login button{background:var(--primary);border-color:var(--primary);border-radius:.65rem;min-height:3.55rem}.auth-login-form .password-login button:hover:not(:disabled){background:var(--primary);border-color:var(--primary)}@media (width>=48rem) and (width<=63.9375rem){.auth-login-visual{padding:2.25rem}.auth-login-illustration img{max-height:35vh}.auth-login-copy h1{font-size:2rem}.auth-login-copy p{font-size:.95rem}.auth-login-panel{padding:2.25rem}.auth-login-form{margin:0 auto}}@media (width<=47.9375rem){.auth-page.auth-login{height:auto;min-height:100dvh;padding:0;display:block;overflow:visible}.auth-login-visual{border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:auto;padding:1.5rem 1.25rem;display:block}.auth-login-brand{font-size:2rem}.auth-login-illustration,.auth-login-copy{display:none}.auth-login-panel{border:0;border-radius:0;min-height:calc(100dvh - 5.5rem);padding:1.5rem 1.25rem 2.5rem;display:block}.auth-login-language{margin-top:-4.55rem}.auth-login-form{margin-top:3.75rem}.auth-login-form h2{font-size:clamp(2.2rem,10vw,2.85rem)}.auth-login-form .auth-lead{font-size:.96rem}}.auth-page--split{background:var(--surface-2);grid-template-columns:minmax(0,1fr) minmax(32rem,1fr);place-items:stretch stretch;padding:.4rem;display:grid}.auth-lead{color:var(--ink-2);margin:1rem 0 2rem;font-size:1.05rem;line-height:1.55}.google-mark{color:var(--info);margin-right:1.25rem;font-size:1.55rem;font-weight:800}.auth-divider{color:var(--ink-2);align-items:center;gap:1.25rem;margin:2.15rem 0;font-size:.85rem;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.auth-input{background:var(--surface);border:1px solid var(--line);border-radius:.65rem;align-items:center;min-height:3.75rem;padding:0 .9rem;display:flex}.auth-input svg{color:var(--muted);flex:none;width:1.2rem;height:1.2rem}.auth-input input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0;padding:.75rem .85rem}.auth-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--line)}@media (width<=54rem){.auth-page--split{padding:0;display:block}}@media (width<=30rem){.auth-lead{font-size:.95rem}}.auth-page:not(.auth-page--split){background:var(--gold);place-items:center;min-height:100svh;padding:1.5rem;display:grid}.auth-page:not(.auth-page--split) section{max-width:28rem}.auth-page:not(.auth-page--split) .brand{margin-bottom:4rem;display:inline-block}.auth-page:not(.auth-page--split) h1{font-size:clamp(2.7rem,9vw,4.5rem)}.auth-page:not(.auth-page--split) p:not(.eyebrow){color:var(--ink);margin:1.25rem 0 2rem;font-size:1.05rem;line-height:1.6}.google-login{background:var(--primary);color:var(--on-primary);font:inherit;border:0;border-radius:.55rem;padding:.85rem 1.1rem;font-weight:700;text-decoration:none;display:inline-block}.password-login{border-top:1px solid var(--line-strong);gap:.8rem;margin-top:2rem;padding-top:1.5rem;display:grid}.password-login label{color:var(--ink);gap:.35rem;font-size:.8rem;font-weight:700;display:grid}.password-login input{background:var(--surface);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:.5rem;padding:.7rem .8rem}.password-login button{justify-self:start}.password-login .auth-error{color:var(--accent);margin:0;font-size:.85rem;font-weight:700}.public-page{background:var(--gold);color:var(--ink);min-height:100svh;padding:clamp(2rem,8vw,8rem)}.public-page>*{max-width:43rem;display:block}.public-page .brand{margin-bottom:5rem}.public-page h1{max-width:48rem;font-size:clamp(3rem,9vw,6rem)}.public-page p:not(.eyebrow){color:var(--ink);margin:1.5rem 0;font-size:1.15rem;line-height:1.65}.public-page footer{margin-top:5rem}.public-page footer a,.public-page>a:not(.brand):not(.google-login){color:var(--ink);font-weight:700}.policy-page{background:var(--bg);color:var(--ink);min-height:100svh;padding:clamp(1.25rem,5vw,4rem)}.policy-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:70rem;margin:0 auto;padding-bottom:1.1rem;display:flex}.policy-header .brand{color:var(--ink);font-size:1.55rem;font-weight:800}.policy-header nav{gap:1rem;display:flex}.policy-header nav a{color:var(--ink);font-size:.9rem;font-weight:650;text-decoration:none}.policy-intro,.policy-app-list,.policy-article{max-width:48rem;margin-left:auto;margin-right:auto}.policy-intro{padding:clamp(4rem,10vw,7rem) 0 clamp(2.5rem,6vw,4rem)}.policy-intro h1,.policy-article h1{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(2.7rem,7vw,4.6rem)}.policy-intro>p:not(.eyebrow){color:var(--ink-2);max-width:40rem;margin:1.25rem 0 0;font-size:1.15rem;line-height:1.6}.policy-app-list{padding-bottom:4rem}.policy-app-list h2,.policy-article h2{color:var(--ink);margin:0;font-size:1.25rem}.policy-app-list ul{border-top:1px solid var(--line);margin:1rem 0 0;padding:0;list-style:none}.policy-app-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.4rem 0;display:flex}.policy-app-list h3{color:var(--ink);margin:0;font-size:1.1rem}.policy-app-list p,.policy-app-list small{color:var(--ink-2);margin:.35rem 0 0;line-height:1.5;display:block}.policy-app-list small{font-size:.78rem}.policy-app-list a,.policy-contact a{color:var(--ink);font-weight:750;text-decoration-thickness:.08em}.policy-article{padding:clamp(3.5rem,9vw,6rem) 0}.policy-updated{color:var(--ink-2);margin:.9rem 0 3rem;font-size:.9rem}.policy-article section{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.5rem}.policy-article section p{color:var(--ink-2);margin:.75rem 0 0;line-height:1.65}.policy-contact{background:var(--surface);border:1px solid var(--line);border-radius:.75rem;padding:1.35rem}@media (width<=32rem){.policy-app-list li{flex-direction:column;align-items:flex-start;gap:.8rem}.policy-header nav{gap:.7rem}}.workspace-view .welcome{max-width:68rem;padding:clamp(4rem,9vw,7rem) clamp(1.5rem,6vw,6rem)}.chinese-dashboard{max-width:68rem}.progress-dashboard{gap:1rem;margin-top:2.75rem;display:grid}.progress-hero-card{background:var(--primary);color:var(--on-primary);border-radius:1rem;align-items:center;gap:clamp(1.25rem,5vw,3.5rem);padding:clamp(1.5rem,4vw,2.5rem);display:flex}.progress-hero-card .eyebrow{color:var(--gold)}.progress-hero-card h2{margin:0;font-size:clamp(1.7rem,4vw,2.6rem)}.progress-hero-card p:not(.eyebrow){color:var(--gold);margin:.45rem 0 0}.progress-ring{aspect-ratio:1;background:conic-gradient(var(--ok) var(--progress), color-mix(in srgb, var(--surface) 18%, transparent) 0);border-radius:50%;flex:none;place-items:center;width:clamp(6.5rem,15vw,8.5rem);padding:.7rem;display:grid}.progress-ring>div{aspect-ratio:1;background:var(--primary);text-align:center;border-radius:50%;align-content:center;width:100%;display:grid}.progress-ring strong{font-size:1.5rem}.progress-ring span{color:var(--gold);font-size:.72rem}.progress-insights{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.progress-insights article,.hsk-path,.progress-empty{background:var(--bg);border:1px solid var(--line-strong);border-radius:.85rem;padding:1.25rem}.progress-insights span{color:var(--accent);letter-spacing:.12em;font-size:.72rem;font-weight:700;display:block}.progress-insights strong{color:var(--ink);margin-top:.5rem;font-size:1.8rem;display:block}.progress-insights p{color:var(--ink);margin:.35rem 0 .75rem;line-height:1.45}.progress-insights button{padding:.35rem 0;font-size:.82rem}.progress-week{background:var(--surface);border:1px solid var(--line);border-radius:.85rem;margin-top:1.25rem;padding:clamp(1rem,3vw,1.5rem)}.progress-week h2{color:var(--ink);margin:.2rem 0;font-size:1.3rem}.progress-week p:not(.eyebrow){color:var(--ink-2);margin:.4rem 0 0}.progress-week{grid-template-columns:1fr minmax(12rem,1fr);gap:1.25rem;display:grid}.progress-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:.5rem;height:9rem;display:grid}.progress-bars div{grid-template-rows:1fr auto;place-items:center;gap:.35rem;height:100%;display:grid}.progress-bars span{background:var(--primary);border-radius:.3rem .3rem .1rem .1rem;align-self:end;width:min(100%,1.5rem);min-height:2px}.progress-bars small{color:var(--ink-2);text-transform:capitalize;font-size:.65rem}.hsk-path{padding:clamp(1.25rem,3vw,2rem)}.hsk-path h2{color:var(--ink);margin:0;font-size:1.35rem}.hsk-path ol{gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.hsk-path li{grid-template-columns:5rem 1fr 2.5rem;align-items:center;gap:.75rem;display:grid}.hsk-level-label{gap:.1rem;display:grid}.hsk-level-label strong{color:var(--ink)}.hsk-level-label span,.hsk-path small{color:var(--ink);font-size:.78rem}.hsk-path small{text-align:right}.hsk-track{background:var(--gold);border-radius:999px;height:.55rem;overflow:hidden}.hsk-track span{background:var(--primary);border-radius:inherit;height:100%;display:block}.hsk-path li.active .hsk-track span,.hsk-path li.complete .hsk-track span{background:var(--primary)}.progress-note{color:var(--ink);margin:0 .25rem;font-size:.78rem;line-height:1.45}.dashboard-loading,.progress-empty{margin-top:2.75rem}.progress-empty strong{color:var(--ink);font-size:1.15rem}.progress-empty p{color:var(--ink);margin-bottom:0}.app-header{border-bottom:1px solid var(--line-strong);padding:1.25rem clamp(1.5rem,6vw,5rem)}.brand{color:var(--ink);letter-spacing:-.06em;font-size:1.25rem;font-weight:650;text-decoration:none}.brand span,.eyebrow{color:var(--accent)}.welcome{max-width:42rem;margin:0 auto;padding:clamp(5rem,17vh,10rem) 1.5rem}.eyebrow{letter-spacing:.12em;margin:0 0 .75rem;font-size:.75rem;font-weight:700}h1{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(2.25rem,7vw,4.25rem);line-height:1}.intro{color:var(--ink);max-width:34rem;margin:1.5rem 0 2rem;font-size:1.125rem;line-height:1.55}.page-header{border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);padding-bottom:clamp(1.25rem,2vw,1.75rem);display:flex}.page-header .eyebrow{margin-bottom:.55rem}.page-header h1{font-size:clamp(2rem,4.5vw,3.25rem)}.page-header .intro{max-width:42rem;margin:.85rem 0 0}.page-header-actions{flex-wrap:wrap;flex:none;align-items:center;gap:.6rem;padding-top:.25rem;display:flex}@media (width<=40rem){.page-header{gap:1rem;display:grid}.page-header-actions{padding-top:0}}.reader>h1,.writing-page>h1,.writing-setup>h1,.quiz-setup>h1,.multiplayer-setup>h1{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(2rem,4.5vw,3.25rem);line-height:1}.writing-page>.intro,.writing-setup>.intro,.quiz-setup>.intro,.reader>h1{border-bottom:1px solid var(--line-strong);margin-bottom:clamp(1.5rem,3vw,2.5rem);padding-bottom:clamp(1.25rem,2vw,1.75rem)}.multiplayer-setup>h1{border-bottom:1px solid var(--line-strong);margin:1rem 0 clamp(1.5rem,3vw,2.5rem);padding-bottom:clamp(1.25rem,2vw,1.75rem)}@media (width<=40rem){.readings-library .library-actions{justify-content:flex-start}}.actions,.form-actions{flex-wrap:wrap;gap:.75rem;display:flex}.install-niorb{display:contents}.install-niorb p{color:var(--ink);flex-basis:100%;margin:0;font-size:.85rem;line-height:1.45}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.import-message{color:var(--accent);margin:1rem 0 0}.ai-templates{border:1px solid var(--line-strong);border-radius:.75rem;gap:1rem;margin-top:2rem;padding:1.25rem;display:grid}.ai-templates .eyebrow{margin-bottom:.5rem}.ai-templates h2{color:var(--ink);margin:0;font-size:1.1rem}.ai-templates p:not(.eyebrow){color:var(--ink);margin:.5rem 0 0;line-height:1.5}.template-actions{flex-wrap:wrap;gap:.6rem;display:flex}.template-actions button{padding:.55rem .7rem;font-size:.85rem}button{background:var(--primary);border:1px solid var(--primary);color:var(--on-primary);cursor:pointer;font:inherit;border-radius:.5rem;padding:.75rem 1rem;font-weight:650}button.secondary{color:var(--accent);background:0 0}button.danger{border-color:var(--accent);color:var(--ink);background:0 0}button:hover:not(:disabled){filter:brightness(.95)}button:disabled{cursor:not-allowed;opacity:.45}.modal-backdrop{background:color-mix(in srgb, var(--primary) 48%, transparent);z-index:10;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.new-reading{background:var(--bg);border:1px solid var(--line-strong);box-shadow:none;border-radius:.85rem;gap:1.25rem;width:100%;max-width:42rem;max-height:min(48rem,100svh - 2rem);padding:clamp(1.25rem,4vw,2rem);display:grid;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{color:var(--ink);margin:0;font-size:1.35rem}.modal-close{color:var(--ink);background:0 0;border:0;padding:0 .25rem;font-size:1.75rem;font-weight:400;line-height:1}.modal-close:hover{color:var(--ink);filter:none}label{color:var(--ink);gap:.5rem;font-size:.9rem;font-weight:650;display:grid}input,textarea,select{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);font:inherit;resize:vertical;border-radius:.5rem;padding:.75rem;font-weight:400}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:2px solid var(--line-strong)}.creation-mode{border:0;gap:.65rem;margin:0;padding:0;display:grid}.creation-mode legend{color:var(--ink);margin-bottom:.25rem;font-size:.9rem;font-weight:650}.creation-mode label{align-items:center;font-weight:400;display:flex}.creation-mode input{accent-color:var(--accent);margin:0 .5rem 0 0;padding:0}.tag-editor{background:var(--surface);border:1px solid var(--line-strong);border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.4rem;min-height:2.8rem;padding:.4rem;display:flex}.tag-editor:focus-within{border-color:var(--accent);outline:2px solid var(--line-strong)}.tag-editor button{background:var(--surface-2);color:var(--ink);border:0;border-radius:999px;padding:.28rem .55rem;font-size:.8rem;font-weight:650}.tag-editor input{border:0;outline:0;flex:10rem;min-width:0;padding:.35rem}.format-help{color:var(--ink);margin:-.5rem 0 0;font-size:.85rem;line-height:1.5}code{background:var(--surface-2);color:var(--ink);font-family:var(--font-mono);border-radius:.25rem;padding:.1rem .25rem;font-size:.85em}.layered-preview{border:1px solid var(--line-strong);border-radius:.5rem;gap:.8rem;padding:1rem;display:grid}.layered-preview>strong{color:var(--ink);font-size:.9rem}.layered-preview>p{color:var(--ink);margin:0;font-size:.85rem;line-height:1.5}.preview-line{border-left:2px solid var(--line-strong);gap:.15rem;padding-left:.75rem;display:grid}.preview-line span{color:var(--ink);font-size:1.05rem}.preview-line small{color:var(--ink);font-size:.85rem}.library{margin-top:0;padding-top:0}.workspace-view.readings-view{min-height:0}.workspace-view .welcome.readings-library{padding:clamp(1.25rem,3vw,2rem) clamp(1rem,4vw,3rem) 2rem}.library h2{color:var(--ink);margin:0;font-size:1.25rem;font-weight:400}.library h2 strong{font-weight:750}.library-actions{align-items:center;gap:.45rem;display:flex}.library-settings{position:static}.library-copy-message{color:var(--ink);margin:-.45rem 0 .8rem;font-size:.78rem;font-weight:650}.save-notice{background:var(--surface-2);border-left:3px solid var(--line-strong);color:var(--ink);margin:1rem 0;padding:.65rem .8rem;font-size:.85rem;line-height:1.45}.filter-button{padding:.45rem .65rem;font-size:.85rem}.filter-controls{flex-wrap:wrap;gap:.8rem;display:flex}.filter-control{max-width:18rem;margin:0 0 1rem}.optional{color:var(--ink);font-size:.8rem;font-weight:400}.library ul{margin:0;padding:0;list-style:none}.library li{border-top:1px solid var(--line-strong);gap:.4rem;padding:1rem 0;display:grid}.library strong{color:var(--ink)}.library span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;line-height:1.5;overflow:hidden}.empty{color:var(--ink)}.error{color:var(--ink);margin:1.5rem 0 0}.reading-link{color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:0;display:flex}.reading-main{gap:.4rem;min-width:0;display:grid}.reading-link:hover{filter:none}.continue-reading{background:var(--bg);border:1px solid var(--line);border-radius:1rem;gap:1rem;margin:0 0 1.25rem;padding:clamp(1rem,2.5vw,1.4rem);display:grid}.continue-reading h2,.library-catalog-head h2{color:var(--ink);margin:0;font-size:1.1rem}.continue-reading .eyebrow{margin-bottom:.3rem}.continue-reading ul{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.continue-reading .reading-card{background:var(--surface)}.continue-reading .reading-cover{aspect-ratio:3/4}.library-collections{border-bottom:1px solid var(--line);gap:.4rem;margin:1.25rem 0 1rem;padding-bottom:.65rem;display:flex;overflow-x:auto}.library-collections button{background:var(--bg);color:var(--ink-2);white-space:nowrap;border:0;border-radius:999px;padding:.45rem .7rem;font-size:.76rem}.library-collections button.active{background:var(--primary);color:var(--on-primary)}.library-catalog-head{justify-content:space-between;align-items:center;margin:0 0 1rem;display:flex}.library-catalog-head span{color:var(--muted);font-size:.75rem}.reading-progress{align-items:center;gap:.4rem;margin-top:.15rem;color:var(--muted)!important;font-size:.68rem!important;display:flex!important}.reading-progress i{background:var(--surface-2);border-radius:999px;width:100%;height:.3rem;display:block;overflow:hidden}.reading-progress b{background:var(--primary);border-radius:inherit;height:100%;display:block}.reading-link:hover strong{color:var(--accent)}.reading-link em{color:var(--accent);font-style:normal}.module-settings{padding:.45rem;font-size:1.15rem;line-height:1;position:absolute;top:0;right:0}.module-settings-dialog{max-width:46rem}.reading-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.library .reading-card{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;padding:0;position:relative;overflow:hidden}.reading-card .reading-link{align-items:stretch;gap:.8rem;height:100%;padding:0 0 1rem;display:grid}.reading-cover{aspect-ratio:2/3;background:var(--line);color:var(--ink);font-family:var(--font-han);object-fit:cover;place-items:center;width:100%;font-size:3rem;display:grid}.reading-cover-placeholder{background:var(--line)}.reading-card .reading-main{gap:.35rem;padding:0 .9rem}.reading-card .reading-main strong{white-space:normal;line-height:1.25}.reading-card .reading-main span{white-space:normal;font-size:.8rem}.reading-edit{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:50%;width:2rem;height:2rem;padding:0;font-size:.9rem;position:absolute;top:.55rem;right:.55rem}.reading-edit:hover{background:var(--surface);filter:none}.reader-shell{min-height:100svh}.cat-story-walker{pointer-events:none;z-index:30;animation:26s linear forwards cat-story-journey;position:fixed;bottom:0;left:-4rem}.cat-story-sprite{height:4rem;image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;background-size:24rem 4rem;width:4rem;display:block}.cat-story-walk{animation:.72s steps(6,end) infinite cat-story-walk-frames,26s linear forwards cat-story-walk-visibility}.cat-story-idle{opacity:0;background-size:16rem 4rem;animation:.9s steps(4,end) infinite cat-story-idle-frames,26s linear forwards cat-story-idle-visibility;position:absolute;top:0;left:0}.cat-story-speech{background:var(--surface);border:1px solid var(--line-strong);box-shadow:none;color:var(--ink);font-family:var(--font-sans);opacity:0;text-align:center;border-radius:.8rem;width:12.5rem;padding:.6rem .75rem;font-size:.76rem;font-weight:700;line-height:1.35;animation:26s linear forwards cat-story-speech-visibility;position:absolute;bottom:4.5rem;left:-7rem}.cat-story-speech:after{border-left:.4rem solid #0000;border-right:.4rem solid #0000;border-top:.5rem solid var(--line);content:"";position:absolute;bottom:-.45rem;left:7.35rem}@keyframes cat-story-journey{0%{transform:translate(0)}35%{transform:translate(calc(75vw + 4rem))}73%{transform:translate(calc(75vw + 4rem))}to{transform:translate(calc(100vw + 8rem))}}@keyframes cat-story-walk-frames{0%{background-position-x:0}to{background-position-x:-24rem}}@keyframes cat-story-idle-frames{0%{background-position-x:0}to{background-position-x:-16rem}}@keyframes cat-story-walk-visibility{0%,35%{opacity:1}35.1%,72.9%{opacity:0}73%,to{opacity:1}}@keyframes cat-story-idle-visibility{0%,35%{opacity:0}35.1%,72.9%{opacity:1}73%,to{opacity:0}}@keyframes cat-story-speech-visibility{0%,37%{opacity:0;transform:translateY(.35rem)scale(.96)}39%,71%{opacity:1;transform:translateY(0)scale(1)}73%,to{opacity:0;transform:translateY(.2rem)scale(.98)}}@media (prefers-reduced-motion:reduce){.cat-story-walker,.cat-story-sprite,.cat-story-speech{animation:none}.cat-story-walker{left:auto;right:1rem}.cat-story-speech{display:none}}.reader-header{justify-content:space-between;align-items:center;display:flex}.reader-edit{padding:.45rem .65rem;font-size:.82rem}.back{color:var(--accent);background:0 0;border:0;padding:0}.reader{max-width:54rem;margin:0 auto;padding:clamp(1.25rem,4vh,2.5rem) 1.25rem 2.5rem}.book-overview{border-bottom:1px solid var(--line-strong);grid-template-columns:7.5rem minmax(0,1fr);align-items:flex-start;gap:1rem;padding:.25rem 0 1.35rem;display:grid}.book-overview-cover{background:var(--surface-2);box-shadow:none;object-fit:cover;border-radius:.65rem;width:7.5rem;height:11.25rem;display:block}.book-overview-details{align-self:center;gap:.45rem;min-width:0;display:grid}.book-overview h1{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.1}.book-original-title{color:var(--ink);font-family:var(--font-han);margin:0;font-size:1rem}.book-overview-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.book-overview-meta span{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--ink);border-radius:99rem;padding:.18rem .48rem;font-size:.72rem;font-weight:800}.book-overview-meta small{color:var(--ink);font-size:.78rem}.book-start-reading{background:var(--primary);border-color:var(--primary);width:100%;min-height:2.6rem;margin-top:.35rem}.book-start-reading span{margin-left:.45rem;font-size:1.15em}.book-about{border-bottom:1px solid var(--line-strong);padding:1.25rem 0}.book-about h2,.book-section-heading h2{color:var(--ink);margin:0;font-size:.95rem}.book-about p{color:var(--ink-2);margin:.65rem 0 0;font-size:.9rem;line-height:1.55}.book-chapter-list{gap:.75rem;padding-top:1.2rem}.book-section-heading{justify-content:space-between;align-items:baseline;display:flex}.book-section-heading small{color:var(--ink);font-size:.75rem}.book-chapter-list .chapter-buttons{border-top:0}.book-chapter-list .chapter-button-row{border:1px solid var(--line-strong);border-radius:.7rem;padding:0}.book-chapter-entry{color:var(--ink);text-align:left;background:0 0;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:.9rem;width:100%;padding:.85rem .95rem;display:grid}.book-chapter-entry:hover{background:var(--bg);color:var(--ink)}.book-chapter-entry>b{color:var(--ink);text-align:center;font-size:.85rem}.book-chapter-entry>span{gap:.18rem;display:grid}.book-chapter-entry strong{font-size:.9rem}.book-chapter-entry small{color:var(--ink);font-size:.74rem}.book-chapter-entry i{font-size:1.6rem;font-style:normal;font-weight:300;line-height:1}.book-offline-action{color:var(--ink);background:0 0;border:0;padding:.2rem 0;font-size:.82rem}.book-offline-action:hover{color:var(--ink);filter:none}.reading-title{border-bottom:1px solid var(--line-strong);margin-bottom:1rem;padding-bottom:.75rem}.reading-title h1{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.12}.reading-title p{color:var(--ink);margin:.35rem 0 0;font-size:.92rem}.reading-title-in-reader{align-items:flex-start;gap:.65rem;display:flex}.reader-back-icon{color:var(--accent);background:0 0;border:0;justify-content:center;align-self:flex-start;align-items:center;min-width:2rem;min-height:2rem;margin-top:.12rem;padding:.15rem;font-size:1.5rem;line-height:1;display:inline-flex}.reader-back-icon:hover{background:color-mix(in srgb, var(--primary) 10%, transparent);filter:none}.chapter-list{gap:1rem;display:grid}.chapter-button-row,.chapter-button-row>span,.chapter-navigation{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.chapter-buttons{border-top:1px solid var(--line-strong);display:grid}.chapter-button-row{border-bottom:1px solid var(--line-strong);justify-content:space-between;padding:.9rem 0}.chapter-button-row>button{color:var(--ink);text-align:left;background:0 0;padding:.35rem 0}.chapter-button-row>button:hover{filter:none;color:var(--accent)}.reader-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:0 0 1.15rem;display:flex}.chapter-navigation{flex:18rem;justify-content:space-between;min-width:13rem;margin:0}.chapter-navigation-bottom{border-top:1px solid var(--line-strong);margin:1.5rem 0 0;padding-top:.85rem}.reader-page-icon{display:none}.reader-page-count{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}.chapter{color:var(--ink);font-family:var(--font-han);font-size:1.125rem;line-height:1.8}.chapter h2{color:var(--ink);font-family:var(--font-sans);margin:0 0 1.5rem;font-size:1.5rem}.chapter p{white-space:pre-wrap;margin:0 0 1.5rem}.reader-controls{flex-wrap:wrap;flex:none;gap:.35rem;margin:0;display:flex}.reader-controls button{padding:.35rem .5rem;font-size:.78rem}.reader-controls button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.layered-chapter{gap:.45rem;display:grid}.layered-chapter h2{margin-bottom:.25rem}.reading-line{gap:0;display:grid}.reading-line p{margin:0}.curiosity-block{background:var(--bg);border:1px solid var(--line-strong);border-left:.3rem solid var(--accent);box-shadow:none;color:var(--ink);font-family:var(--font-sans);letter-spacing:0;text-align:left;border-radius:.45rem;width:100%;margin:.45rem 0;display:block;overflow:hidden}.curiosity-block:hover{background:var(--surface-2);filter:none}.curiosity-block summary{background:var(--primary);box-sizing:border-box;color:var(--on-primary);cursor:pointer;letter-spacing:.01em;align-items:center;gap:.7rem;width:100%;min-width:0;padding:1rem 1.1rem;font-size:1rem;font-weight:800;list-style:none;display:flex}.curiosity-block summary::-webkit-details-marker{display:none}.curiosity-block summary span{background:color-mix(in srgb, var(--surface) 14%, transparent);border:1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);color:var(--gold);border-radius:50%;flex:0 0 2rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.9rem;display:inline-flex}.curiosity-block summary:after{background:color-mix(in srgb, var(--surface) 13%, transparent);border:1px solid color-mix(in srgb, var(--line) 48%, transparent);content:"+";text-align:center;border-radius:50%;flex:0 0 1.75rem;width:1.75rem;margin-left:auto;font-size:1.35rem;font-weight:400;line-height:1.75rem}.curiosity-block[open] summary:after{content:"−"}.curiosity-content{border-top:1px solid var(--line-strong);box-sizing:border-box;gap:.8rem;min-width:0;padding:.9rem 1rem 1rem;display:grid}.curiosity-content p{color:var(--ink-2);overflow-wrap:anywhere;margin:0;font-size:.9rem;line-height:1.6}.curiosity-content img{object-fit:cover;border-radius:.45rem;width:100%;max-height:20rem;display:block}.curiosity-preview{background:var(--surface);border-left:3px solid var(--line-strong);padding-left:.7rem}.curiosity-preview strong{color:var(--ink);font-size:.85rem}.line-main-row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.line-actions{flex:none;align-items:center;gap:.3rem;display:flex}.offline-notice{background:var(--info);color:var(--on-primary);text-align:center;z-index:200;margin:0;padding:.55rem 1rem;font-size:.8rem;position:sticky;top:0}.speak-button{flex:none;min-width:2rem;padding:.35rem .45rem;font-size:.7rem}.study-session{background:var(--gold);z-index:100;min-height:100svh;position:fixed;inset:0}.study-session>header{border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:center;padding:1rem clamp(1.25rem,5vw,4rem);display:flex}.study-session header div{gap:.15rem;display:grid}.study-session header span{color:var(--accent);letter-spacing:.12em;font-size:.68rem;font-weight:700}.study-session header strong{color:var(--ink)}.study-session-content{text-align:center;max-width:44rem;margin:0 auto;padding:clamp(3rem,10vh,7rem) 1.5rem}.session-counter{color:var(--ink);margin:0 0 1.75rem;font-size:.82rem}.focus-card{background:var(--surface);border:1px solid var(--line-strong);box-shadow:none;border-radius:1rem;padding:clamp(2rem,8vw,4rem) clamp(1.25rem,6vw,3rem)}.focus-hanzi{color:var(--ink);font-family:var(--font-han);margin:0 0 2.5rem;font-size:clamp(5rem,22vw,10rem);line-height:1}.reveal-answer{min-width:12rem}.focus-answer>p{color:var(--accent);margin:0;font-size:1.15rem}.focus-answer h2{color:var(--ink);margin:.5rem 0;font-size:clamp(1.5rem,4vw,2rem)}.focus-answer small{color:var(--ink)}.focus-answer blockquote{border-left:2px solid var(--line-strong);color:var(--ink);font-family:var(--font-han);text-align:left;max-width:30rem;margin:2rem auto;padding-left:1rem;line-height:1.6}.focus-ratings{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:2rem;display:flex}.focus-ratings button{padding:.6rem .75rem;font-size:.8rem}.focus-ratings .hard{background:var(--gold);border-color:var(--line-strong)}.session-complete h1{font-size:clamp(2.25rem,7vw,4rem)}.session-complete p:not(.eyebrow){color:var(--ink);margin:1rem 0 2rem}.focus-card-presentation{min-width:0}.focus-card-has-visual .focus-card-presentation{text-align:left;grid-template-columns:minmax(6rem,30%) minmax(0,1fr);align-items:center;column-gap:clamp(1.5rem,5vw,3.5rem);display:grid}.focus-card-has-visual .focus-vocabulary-visual{grid-area:1/1/span 3;max-width:100%;height:clamp(7rem,18vw,11rem);margin:0}.focus-card-has-visual .focus-vocabulary-emoji{font-size:clamp(5.5rem,12vw,8.5rem)}.focus-card-has-visual .focus-hanzi,.focus-card-has-visual .focus-answer,.focus-card-has-visual .focus-reveal-actions{grid-column:2}.focus-card-has-visual .focus-hanzi{margin:0 0 1rem}.focus-card-has-visual .focus-ratings,.focus-card-has-visual .focus-card-actions{justify-content:flex-start}.focus-vocabulary-visual{object-fit:contain;max-width:min(13rem,70%);height:5rem;margin:-1.4rem auto 1.5rem;display:block}.focus-vocabulary-emoji{font-size:4.25rem;line-height:1}.session-orchestration-progress{background:color-mix(in srgb, var(--surface) 96%, transparent);border:1px solid var(--line);box-shadow:none;z-index:160;border-radius:.7rem;width:min(21rem,100vw - 2rem);padding:.65rem .75rem;position:fixed;bottom:1rem;right:1rem}.session-orchestration-progress header{justify-content:space-between;align-items:baseline;display:flex}.session-orchestration-progress header span{color:var(--ink);font-size:.75rem;font-weight:750}.session-orchestration-progress header strong{color:var(--accent);font-size:.72rem}.session-orchestration-track{background:var(--line);border-radius:99rem;height:.38rem;margin:.5rem 0 .55rem;overflow:hidden}.session-orchestration-track i{background:var(--primary);border-radius:inherit;height:100%;transition:width .25s;display:block}.session-orchestration-progress ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.session-orchestration-progress li{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.session-orchestration-progress li.done{color:var(--ink);font-weight:750}.session-game-content{text-align:left;max-width:58rem;padding-top:clamp(1.25rem,4vh,3rem)}.session-game-loading{background:var(--line);border-radius:999rem;width:4.5rem;height:.45rem;margin:min(42vh,18rem) auto;animation:.7s ease-in-out infinite alternate session-game-loading}@keyframes session-game-loading{to{opacity:.35;transform:scaleX(.55)}}.line-top,.line-bottom{color:var(--ink);font-family:var(--font-sans);min-height:1em;font-size:.78rem;line-height:1.28}.line-bottom{margin-top:-.05rem!important}.is-hidden{visibility:hidden}.line-main{color:var(--ink);font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.48}.term-button{background:var(--surface-2);border:0;border-bottom:2px solid var(--accent);color:var(--ink);font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;border-radius:.25rem;justify-items:center;padding:0 .12em;line-height:1.05;display:inline-grid}.term-pinyin{color:var(--ink);font-family:var(--font-sans);text-overflow:ellipsis;white-space:nowrap;max-width:8em;font-size:.42em;font-weight:500;line-height:1.05;display:block;overflow:hidden}.term-button>span{line-height:1.25}.term-button:hover{background:var(--gold);filter:none}.term-button.learned-term{color:var(--ink);background:0 0;border-bottom-color:#0000}.term-button.learned-term:hover{color:var(--ink);background:0 0}.term-overlay{z-index:20;position:fixed;inset:0}.term-details{background:var(--surface-2);border:1px solid var(--line-strong);box-shadow:var(--shadow-pop);color:var(--ink);z-index:20;border-radius:.6rem;gap:.2rem;width:min(24rem,100vw - 2rem);max-height:calc(100svh - 2rem);padding:1rem;display:grid;position:fixed;bottom:1rem;left:50%;overflow-y:auto;transform:translate(-50%)}.term-details strong{color:var(--ink);font-size:1.35rem}.term-details span{color:var(--accent);font-family:var(--font-sans);font-size:.9rem}.term-details p{font-family:var(--font-sans);margin:.15rem 0;font-size:.95rem;line-height:1.45}.term-details small{color:var(--ink);font-family:var(--font-sans)}.term-details-close{color:var(--ink);background:0 0;border:0;padding:.1rem .35rem;font-size:1.25rem;font-weight:400;position:absolute;top:.35rem;right:.4rem}.term-details label{max-width:14rem;margin-top:.45rem;font-size:.8rem}.term-details select{padding:.45rem}.term-study-actions{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.term-study-actions button{padding:.45rem .6rem;font-size:.8rem}.term-study-message{color:var(--accent);font-family:var(--font-sans);margin:0;font-size:.85rem}.study-page,.writing-page{max-width:46rem}.progress-skill-row>span.no-data{background:var(--surface-2);color:var(--muted)}.writing-dashboard{max-width:74rem;padding-top:0}.writing-dashboard-hero{background-color:var(--surface);background-position:100%;background-repeat:no-repeat;background-size:cover;border-radius:0 0 1rem 1rem;min-height:10rem;margin:0 -3rem 1.2rem;padding:2.2rem 3rem}.writing-dashboard-hero h1{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(2.4rem,5vw,3.5rem);line-height:1}.writing-dashboard-hero p{color:var(--ink-2);margin:.65rem 0 0;font-size:1.1rem}.writing-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.writing-benefits article{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;align-items:flex-start;gap:.65rem;min-height:6.8rem;padding:1rem;display:flex}.writing-benefits article>span{background:var(--bg);color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;font-size:1.3rem;display:inline-flex}.writing-benefits article:nth-child(2)>span{background:var(--surface-2);color:var(--gold)}.writing-benefits article:nth-child(3)>span{background:var(--surface-2);color:var(--ok)}.writing-benefits article:nth-child(4)>span{background:var(--bg);color:var(--info)}.writing-benefits strong{color:var(--ink);font-size:.85rem;display:block}.writing-benefits p{color:var(--ink-2);margin:.3rem 0 0;font-size:.75rem;line-height:1.45}.writing-configuration{background:var(--surface);border:1px solid var(--line);border-radius:.9rem;grid-template-columns:minmax(0,1fr) 19rem;gap:1.2rem;margin-top:1.2rem;padding:1.35rem;display:grid}.writing-main-options h2,.writing-practice-options h2{color:var(--ink);margin:0 0 .8rem;font-size:1.12rem}.writing-dashboard-mode{max-width:42rem;margin:0}.writing-dashboard-mode button{background:var(--surface);border-color:var(--line);grid-template-columns:auto 1fr;padding:1rem}.writing-dashboard-mode button:not(.secondary){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--ink)}.writing-dashboard-mode button>span{background:var(--bg);color:var(--accent);border-radius:50%;grid-row:span 2;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;font-size:1.25rem;display:inline-flex}.writing-dashboard-mode button small{color:var(--muted);font-size:.76rem;font-weight:500;line-height:1.35}.writing-content-title{border-top:1px solid var(--line);padding-top:1.15rem;margin-top:1.25rem!important}.writing-dashboard .writing-picker{color:var(--ink);max-width:30rem;font-weight:700}.writing-dashboard .writing-picker select{background:var(--surface);border-color:var(--line);color:var(--accent);border-radius:.55rem;padding:.7rem;font-size:.9rem}.writing-start-row{align-items:center;gap:1rem;margin-top:1.1rem;display:flex}.writing-start-row span{color:var(--ink);font-size:.78rem}.writing-dashboard .writing-start{background:var(--primary);border-color:var(--primary);box-shadow:none;border-radius:.7rem;min-width:14rem;margin:0}.writing-practice-options{background:var(--surface);border:1px solid var(--line);border-radius:.7rem;padding:1rem}.writing-practice-options p{border-top:1px solid var(--line);gap:.15rem;margin:0;padding:.65rem 0;display:grid}.writing-practice-options b{color:var(--info);font-size:.78rem}.writing-practice-options small{color:var(--muted);font-size:.68rem}@media (width<=48rem){.writing-dashboard-hero{background-position:68%;min-height:8.5rem;margin:0 -1rem 1rem;padding:1.5rem 1rem}.writing-dashboard-hero p{max-width:19rem;font-size:.95rem}.writing-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-benefits article{min-height:0;padding:.8rem}.writing-benefits article>span{width:2.35rem;height:2.35rem;font-size:1.1rem}.writing-configuration{grid-template-columns:1fr;padding:1rem}.writing-practice-options{order:2}.writing-dashboard .writing-picker{max-width:none}.writing-start-row{flex-direction:column;align-items:stretch}.writing-dashboard .writing-start{width:100%;min-width:0}}@media (width<=23rem){.writing-benefits,.writing-dashboard-mode{grid-template-columns:1fr}}.writing-setup{max-width:38rem}.writing-setup-group{border:0;margin:2rem 0 1rem;padding:0}.writing-setup-group legend{color:var(--ink-2);margin-bottom:.55rem;font-size:.85rem;font-weight:700}.writing-picker{gap:.4rem;max-width:22rem;margin:0 0 1rem;display:grid}.writing-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0 0 1rem;display:grid}.writing-mode button{text-align:left;align-items:flex-start;gap:.25rem;min-height:5.6rem;padding:.8rem;display:grid}.writing-mode button strong{font-size:.95rem}.writing-mode button span{opacity:.85;font-size:.75rem;font-weight:500;line-height:1.3}.writing-start{margin-top:.35rem}.writing-board{background:var(--surface);border:1px solid var(--line);border-radius:.9rem;overflow:hidden}.writing-board>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.writing-board header div{align-items:center;gap:.65rem;display:flex}.writing-board header strong{color:var(--ink);font-family:var(--font-han);font-size:2rem;line-height:1}.writing-board header span,.writing-board header small{color:var(--ink-2);font-size:.82rem}.writing-board header small{color:var(--accent)}.writing-canvas{aspect-ratio:1;background:var(--surface);cursor:crosshair;touch-action:none;width:min(100%,35rem);margin:0 auto;display:block}.guided-writer{background:var(--surface);justify-content:center;align-items:center;min-height:min(65svh,34rem);display:flex;overflow:hidden}.guided-writer svg{width:auto;max-width:100%;height:auto;max-height:min(65svh,34rem);display:block}.writing-actions{justify-content:flex-end;gap:.65rem;padding:1rem;display:flex}.writing-actions button{padding:.6rem .8rem;font-size:.85rem}.writing-message{color:var(--ink-2);margin:-.35rem 1rem 1rem;font-size:.82rem}.writing-session{background:var(--bg);z-index:100;min-height:100svh;position:fixed;inset:0;overflow-y:auto}.writing-session>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1rem clamp(1.25rem,5vw,4rem);display:flex}.writing-session>header span{color:var(--accent);letter-spacing:.12em;font-size:.68rem;font-weight:700;display:block}.writing-session>header strong{color:var(--ink)}.writing-session-header-actions{align-items:center;gap:.5rem;display:flex}.writing-session-header-actions details{position:relative}.writing-session-header-actions summary{color:var(--accent);cursor:pointer;font-size:.82rem;font-weight:650;list-style:none}.writing-session-header-actions summary::-webkit-details-marker{display:none}.writing-session-settings{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-pop);z-index:2;border-radius:.7rem;gap:.6rem;width:13rem;padding:.8rem;display:grid;position:absolute;top:1.5rem;right:0}.writing-session-settings label{color:var(--ink-2);gap:.25rem;font-size:.75rem;font-weight:650;display:grid}.writing-session-settings select{padding:.4rem;font-size:.82rem}.writing-session-settings button{padding:.5rem;font-size:.75rem}.writing-next{min-width:2.45rem;padding:.35rem .45rem;font-size:1.35rem;line-height:1}.writing-session-content{max-width:42rem;margin:0 auto;padding:clamp(.75rem,2.5vh,1.75rem) 1rem}.writing-session-content .session-counter{color:var(--ink-2);text-align:center;margin:0 0 .55rem;font-size:.82rem}.writing-session .writing-canvas{width:min(100%,26rem,100svh - 20rem)}.writing-session .guided-writer{height:min(26rem,100svh - 20rem);min-height:0}.writing-session .guided-writer svg{max-height:100%}.scene-certa-setup{max-width:48rem}.scene-certa-levels{border:0;margin:2rem 0 1.25rem;padding:0}.scene-certa-levels legend{color:var(--ink-2);margin-bottom:.65rem;font-size:.82rem;font-weight:700}.scene-certa-levels>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.scene-certa-levels button{background:var(--surface);border-color:var(--line);color:var(--ink);text-align:left;align-items:flex-start;gap:.3rem;min-height:6.5rem;padding:.9rem;display:grid}.scene-certa-levels button.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.scene-certa-levels button span{font-size:.78rem;font-weight:500;line-height:1.35}.games-home{max-width:48rem}.games-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:32rem}.games-home-grid .game-catalog-card small{color:var(--muted);font-size:.78rem;font-weight:500;line-height:1.4}@media (width>=60rem){.workspace-view .games-home{max-width:76rem}.games-home .intro{font-size:1.2rem}.games-home .games-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;max-width:none;margin-top:2.25rem}.games-home-grid .game-catalog-image{border-radius:1.1rem;width:100%;font-size:clamp(4rem,6vw,6rem)}.games-home-grid .game-catalog-card{gap:.9rem}.games-home-grid .game-catalog-card strong{font-size:1.2rem}.games-home-grid .game-catalog-card small{font-size:.95rem}}.scene-certa-session{background:var(--bg);z-index:100;min-height:100svh;position:fixed;inset:0;overflow-y:auto}.scene-certa-session>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1rem clamp(1.25rem,5vw,4rem);display:flex}.scene-certa-session>header span{color:var(--accent);letter-spacing:.12em;font-size:.68rem;font-weight:700;display:block}.scene-certa-session>header strong{color:var(--ink)}.scene-certa-content{max-width:47rem;margin:0 auto;padding:clamp(1rem,4vh,2.5rem) 1rem}.scene-certa-content>.session-counter{color:var(--ink-2);text-align:center;margin:0 0 .8rem;font-size:.82rem}.scene-certa-prompt{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:.9rem;grid-template-columns:auto 1fr;align-items:center;max-width:34rem;margin:0 auto 1rem;padding:.9rem 1.1rem;display:grid}.scene-certa-prompt p{color:var(--ink);font-family:var(--font-han);grid-column:2;margin:0;font-size:clamp(2rem,8vw,3.6rem);line-height:1}.scene-certa-prompt small{color:var(--muted);grid-column:2;margin-top:.3rem;font-size:.85rem}.scene-certa-audio{background:var(--bg);border-color:var(--line);color:var(--accent);grid-row:span 2;min-width:3rem;min-height:3rem;padding:.5rem;font-size:1.25rem}.scene-certa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.scene-certa-option{background:var(--surface);border:2px solid var(--line);border-radius:.85rem;padding:0;overflow:hidden}.scene-certa-option:not(:disabled):hover{border-color:var(--accent);transform:translateY(-1px)}.scene-certa-option img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.scene-certa-option.correct{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 18%, transparent)}.scene-certa-option.incorrect{border-color:var(--accent);opacity:.55}.scene-certa-feedback{border-radius:.7rem;justify-content:space-between;align-items:center;max-width:42rem;margin:1rem auto 0;padding:.75rem 1rem;display:flex}.scene-certa-feedback.correct{background:var(--surface-2);color:var(--ink-2)}.scene-certa-feedback.incorrect{background:var(--bg);color:var(--accent)}.scene-certa-feedback button{padding:.55rem .75rem;font-size:.82rem}.scene-certa-complete{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:1rem;max-width:32rem;margin:8vh auto;padding:clamp(1.5rem,6vw,3rem)}.scene-certa-complete h1{color:var(--ink);margin:.3rem 0;font-size:clamp(3rem,14vw,5rem)}.scene-certa-complete p:not(.eyebrow){color:var(--ink-2)}@media (width<=34rem){.scene-certa-levels>div{grid-template-columns:1fr}.scene-certa-grid{gap:.5rem}.scene-certa-feedback{text-align:center;flex-direction:column;align-items:stretch;gap:.65rem}}.writing-reference-card{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:.75rem;justify-content:center;align-items:center;width:100%;max-width:34rem;margin:1rem auto 0;padding:.8rem 1rem;display:flex}.writing-reference-card>*{justify-content:center;align-items:center;min-height:2rem;padding:0 1rem;display:inline-flex}.writing-reference-card>*+*{border-left:1px solid var(--line)}.writing-reference-card strong{color:var(--ink);font-family:var(--font-han);font-size:1.7rem;line-height:1}.writing-reference-card span{color:var(--ink-2);font-size:.88rem}.guided-writer-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.guided-writer-pair .guided-writer{width:100%;min-width:0}.guided-writer-preview{opacity:.7}.guided-writer-preview svg{opacity:.72}.guided-writer-preview.guided-writer-active,.guided-writer-preview.guided-writer-active svg{opacity:1}.quiz-setup{max-width:42rem}.quiz-mode-group{border:0;margin:2rem 0 1.25rem;padding:0}.quiz-mode-group legend{color:var(--ink-2);margin-bottom:.65rem;font-size:.8rem;font-weight:700}.quiz-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.quiz-mode button{background:var(--surface);border:1px solid var(--line);color:var(--ink);text-align:left;align-items:flex-start;gap:.35rem;min-height:8rem;padding:1rem;display:grid}.quiz-mode button:hover{border-color:var(--accent)}.quiz-mode button.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.quiz-mode button strong{font-family:var(--font-sans);font-size:1.12rem}.quiz-mode button span{opacity:.85;font-size:.8rem;font-weight:500;line-height:1.4}.quiz-settings{flex-wrap:wrap;gap:1rem;margin:0 0 1.25rem;display:flex}.quiz-picker{flex:14rem;gap:.4rem;max-width:22rem;margin:0;display:grid}.quiz-session{background:var(--bg);z-index:100;min-height:100svh;position:fixed;inset:0}.quiz-session>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1rem clamp(1.25rem,5vw,4rem);display:flex}.quiz-session>header span{color:var(--accent);letter-spacing:.12em;font-size:.68rem;font-weight:700;display:block}.quiz-session>header strong{color:var(--ink)}.quiz-session-content{text-align:center;max-width:42rem;margin:0 auto;padding:clamp(2rem,10vh,6rem) 1rem}.quiz-card{background:var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:1rem;padding:clamp(1.5rem,7vw,3.5rem)}.quiz-card .session-counter{color:var(--ink-2);margin:0 0 1.75rem;font-size:.82rem}.quiz-prompt-content{justify-items:center;gap:.85rem;margin:0 0 2rem;display:grid}.quiz-prompt{color:var(--ink);font-family:var(--font-han);margin:0;font-size:clamp(2.5rem,14vw,6rem);line-height:1.2}.quiz-image{object-fit:contain;border-radius:.7rem;max-width:100%;max-height:20rem}.quiz-prompt-content audio{max-width:100%}.quiz-choices{gap:.6rem;max-width:28rem;margin:0 auto;display:grid}.quiz-choices button{background:var(--surface);border-color:var(--line);color:var(--ink);text-align:left;justify-content:flex-start;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.quiz-option-image{object-fit:contain;border-radius:.4rem;max-width:9rem;max-height:7rem}.quiz-choices button:not(:disabled):hover{border-color:var(--accent)}.quiz-choices button.correct,.quiz-feedback.correct{background:var(--muted);border-color:var(--ink);color:var(--on-primary)}.quiz-choices button.incorrect,.quiz-feedback.incorrect{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.quiz-binary{grid-template-columns:repeat(2,1fr)}.quiz-match{text-align:left;gap:.7rem;max-width:30rem;margin:0 auto;display:grid}.quiz-match label{grid-template-columns:1fr 1fr;align-items:center;gap:.6rem;display:grid}.quiz-match-pair{align-items:center;gap:.6rem;display:flex}.quiz-match-pair .quiz-option-image{max-height:5rem}.quiz-match select,.quiz-written input{min-width:0;padding:.6rem}.quiz-ordering{gap:1rem;display:grid}.quiz-order-answer{background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:.6rem;flex-wrap:wrap;justify-content:center;gap:.45rem;min-height:3.2rem;padding:.55rem;display:flex}.quiz-order-answer span{color:var(--ink-2);align-self:center;font-size:.85rem}.quiz-order-answer button{padding:.35rem .55rem;font-size:.82rem}.quiz-written{text-align:left;gap:.4rem;max-width:28rem;margin:0 auto;display:grid}.quiz-written span{color:var(--ink-2);font-size:.8rem;font-weight:650}.quiz-feedback{border-radius:.5rem;max-width:28rem;margin:1rem auto 0;padding:.6rem}.quiz-next{margin-top:1.5rem}.quiz-complete h1{color:var(--ink);margin:.3rem 0;font-size:clamp(3.5rem,16vw,7rem)}.quiz-complete p:not(.eyebrow){color:var(--ink-2);margin:0 0 2rem}.bulk-card-add{background:var(--surface);border:1px solid var(--line);border-radius:.85rem;margin:1.75rem 0;padding:1.25rem}.bulk-card-add h2{color:var(--ink);margin:.2rem 0;font-size:1.3rem}.bulk-card-add p:not(.eyebrow){color:var(--ink-2);margin:.35rem 0 0}.bulk-card-controls{flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:1rem;display:flex}.bulk-card-controls label{color:var(--ink-2);gap:.35rem;font-size:.8rem;font-weight:700;display:grid}.bulk-card-controls select{min-width:11rem;padding:.55rem}.bulk-card-status{font-size:.85rem}.bulk-card-controls button:disabled{cursor:not-allowed;opacity:.6}.focus-ratings button{align-items:center;gap:.12rem;min-width:7.2rem;display:grid}.focus-ratings button small{color:color-mix(in srgb, var(--on-primary) 82%, transparent);font-size:.67rem;font-weight:500}.focus-ratings .again,.focus-ratings .hard{background:var(--primary);border-color:var(--primary)}.focus-ratings .good{background:var(--muted);border-color:var(--ink)}.focus-ratings .easy{background:var(--info);border-color:var(--info)}.focus-card-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.focus-card-actions button{font-size:.78rem}.card-learned{background:var(--muted);border-color:var(--ink);color:var(--on-primary)}.card-remove{border-color:var(--accent);color:var(--ink);background:0 0}.curation-page{max-width:70rem}.export-report{background:var(--primary);color:var(--on-primary);border-radius:.5rem;padding:.75rem 1rem;font-weight:650;text-decoration:none;display:inline-block}.quiz-question-admin{background:var(--surface);border:1px solid var(--line);border-radius:.9rem;gap:1.2rem;margin-top:2rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.quiz-question-admin h2,.quiz-question-admin h3{color:var(--ink);margin:0}.quiz-question-admin p{color:var(--ink-2);margin:.35rem 0 0}.quiz-question-admin form{gap:.85rem;max-width:42rem;display:grid}.quiz-question-admin label{color:var(--ink-2);gap:.35rem;font-size:.8rem;font-weight:650;display:grid}.quiz-question-admin textarea{resize:vertical;min-height:5rem}.quiz-question-meta{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;display:grid}.quiz-question-admin fieldset{border:0;gap:.5rem;margin:0;padding:0;display:grid}.quiz-question-admin legend{color:var(--ink-2);margin-bottom:.35rem;font-size:.8rem;font-weight:700}.quiz-question-choice{grid-template-columns:auto 1fr;align-items:center}.quiz-question-choice input[type=radio]{accent-color:var(--accent);margin:0}.quiz-question-list{border-top:1px solid var(--line);padding-top:1.2rem}.quiz-question-list ul{gap:.6rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.quiz-question-list li{border:1px solid var(--line);border-radius:.6rem;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;display:flex}.quiz-question-list li>div{gap:.22rem;display:grid}.quiz-question-list strong{color:var(--ink)}.quiz-question-list small,.quiz-question-list span{color:var(--ink-2);font-size:.76rem}.quiz-question-list small{color:var(--accent)}.quiz-question-list button{flex:none;padding:.45rem .6rem;font-size:.76rem}.curation-summary{grid-template-columns:repeat(4,1fr);gap:.75rem;margin:2.5rem 0 1rem;display:grid}.curation-summary div{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:.65rem;gap:.2rem;padding:1rem;display:grid}.curation-summary strong{color:var(--ink);font-size:1.45rem}.curation-summary span{color:var(--ink);font-size:.78rem}.curation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.curation-grid article{background:var(--bg);border:1px solid var(--line-strong);border-radius:.8rem;padding:1.1rem}.curation-grid h2{color:var(--ink);margin:0;font-size:1.15rem}.curation-list{margin:1rem 0 0;padding:0;list-style:none}.curation-list li{border-top:1px solid var(--line-strong);gap:.25rem;padding:.75rem 0;display:grid}.curation-list strong{color:var(--ink);font-size:1.1rem}.curation-list span,.curation-list small{color:var(--ink);font-size:.76rem}.curation-list small{color:var(--accent)}@media (width<=48rem){.workspace-view{min-height:auto}.workspace-view .welcome,.welcome{padding:3.5rem 1rem}.app-header{padding:1rem}.reading-link{align-items:flex-start}.curation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.curation-grid{grid-template-columns:1fr}.study-session>header{padding:.85rem 1rem}.study-session-content{padding:2.5rem 1rem}.focus-card{padding:2rem 1rem}.focus-ratings{grid-template-columns:repeat(2,1fr);display:grid}.focus-ratings button{width:100%}.quiz-mode{grid-template-columns:1fr}.quiz-mode button{min-height:auto}.quiz-settings{gap:.85rem;display:grid}.quiz-picker{max-width:none}.quiz-question-meta{grid-template-columns:1fr}.quiz-question-list li{flex-direction:column;align-items:flex-start}.quiz-question-list button{width:100%}}.study-session{background:var(--surface)}.quiz-syntax-import{background:var(--surface-2);border:1px solid var(--line);border-radius:.9rem;gap:1rem;margin-top:1rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.quiz-syntax-import h2{color:var(--ink);margin:0}.quiz-syntax-import p{color:var(--ink-2);margin:.35rem 0 0}.quiz-syntax-import form{gap:.75rem;max-width:42rem;display:grid}.quiz-syntax-import textarea{font-family:var(--font-mono);resize:vertical;min-height:18rem;line-height:1.45}.auth-page,.public-page{background:var(--surface-2)}@keyframes highlight-slide-loop{0%{opacity:0;transform:translate(115%)}10%,58%{opacity:1;transform:translate(0)}67%{opacity:0;transform:translate(-115%)}68%{opacity:0;transform:translate(115%)}78%,to{opacity:1;transform:translate(0)}}@keyframes cover-drift{0%{transform:scale(1)}to{transform:scale(1.09)translate(2%)}}@keyframes highlight-pulse{50%{opacity:.35;transform:scaleX(.7)}}.progress-hero-card{background:var(--primary)}.progress-hero-card h2,.progress-hero-card p:not(.eyebrow){color:var(--on-primary)}button,.google-login,.export-report{background:var(--primary);border-color:var(--primary)}button.secondary{color:var(--accent)}h1,.brand,.focus-hanzi,.line-main,.chapter,.library strong,.hsk-path h2,.hsk-level-label strong{color:var(--ink)}.intro,.public-page p:not(.eyebrow),.progress-insights p,.hsk-level-label span,.hsk-path small,.progress-note{color:var(--ink-2)}.progress-insights article,.hsk-path,.progress-empty,.curation-grid article{background:var(--surface);border-color:var(--line)}.progress-insights span,.eyebrow,.brand span{color:var(--accent)}.hsk-track{background:var(--line)}.hsk-track span{background:var(--gold)}.hsk-path li.active .hsk-track span{background:var(--primary)}.hsk-path li.complete .hsk-track span{background:var(--muted)}.progress-dashboard{margin-top:0}.progress-hsk-radials{background:var(--surface);border:1px solid var(--line);border-radius:.85rem;padding:clamp(1.25rem,3vw,1.75rem)}.progress-hsk-radials>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.progress-hsk-radials h2{color:var(--ink);margin:.2rem 0 0;font-size:1.35rem}.progress-hsk-radials>header>strong{background:var(--primary);color:var(--on-primary);letter-spacing:.06em;border-radius:999px;align-items:center;min-height:2.25rem;padding:0 .85rem;font-size:.82rem;display:flex}.progress-hsk-radials ul{grid-template-columns:repeat(auto-fit,minmax(6.25rem,1fr));gap:clamp(.8rem,2vw,1.4rem);margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.progress-hsk-radials li{justify-items:center;gap:.55rem;display:grid}.hsk-radial{aspect-ratio:1;background:conic-gradient(var(--gold) var(--progress), var(--line) 0);border-radius:50%;place-items:center;width:min(100%,7.4rem);padding:.45rem;display:grid;position:relative}.hsk-radial:before{border:1px solid color-mix(in srgb, var(--accent-strong) 9%, transparent);content:"";border-radius:50%;position:absolute;inset:.5rem}.hsk-radial>div{aspect-ratio:1;background:var(--surface);border-radius:50%;align-content:center;justify-items:center;width:100%;display:grid;position:relative}.hsk-radial strong{color:var(--ink);font-size:1.1rem;line-height:1}.hsk-radial span,.progress-hsk-radials small{color:var(--ink-2);font-size:.68rem}.progress-hsk-radials li.active .hsk-radial{background:conic-gradient(var(--primary) var(--progress), var(--line) 0);box-shadow:none}.progress-hsk-radials li.active small{color:var(--accent);font-weight:700}@media (width<=32rem){h1{font-size:clamp(2.1rem,13vw,3rem)}.actions{grid-template-columns:1fr;display:grid}.actions button{width:100%}.progress-insights,.curation-summary{grid-template-columns:1fr}.progress-hero-card{flex-direction:column;align-items:flex-start}.hsk-path li{grid-template-columns:4.3rem 1fr 2rem;gap:.5rem}.progress-hsk-radials ul{grid-template-columns:repeat(3,minmax(0,1fr))}.reading-link{gap:.6rem}.reading-main strong{text-overflow:ellipsis;white-space:nowrap;max-width:11rem;overflow:hidden}.reader-header{gap:.5rem}.reader-header .brand{display:none}.line-main-row{align-items:flex-start}.speak-button{min-width:2.4rem;font-size:1rem}.bulk-card-controls button,.bulk-card-controls select{width:100%}.study-session header strong{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.study-session>header button{padding:.45rem;font-size:.78rem}.focus-hanzi{font-size:min(42vw,8rem)}.curation-list li{gap:.35rem}}@media (width<=40rem){.reader{padding:1rem 1rem 2rem}.book-overview{grid-template-columns:6.25rem minmax(0,1fr);gap:.8rem;padding-bottom:1.1rem}.book-overview-cover{width:6.25rem;height:9.4rem}.book-overview h1{font-size:clamp(1.25rem,6vw,1.55rem)}.book-overview-meta{flex-direction:column;align-items:flex-start;gap:.32rem}.reading-title{margin-bottom:.75rem;padding-bottom:.6rem}.reading-title h1{font-size:clamp(1.45rem,7vw,1.9rem)}.reader-toolbar{flex-wrap:nowrap;align-items:center;gap:.35rem;margin-bottom:.9rem;display:flex}.chapter-navigation-top{flex:auto;width:auto;min-width:0}.reader-page-button{min-width:2.35rem;padding-left:.5rem;padding-right:.5rem}.reader-page-label{display:none}.reader-page-icon{font-size:1rem;display:inline}.reader-controls{flex:none;gap:.2rem;width:auto;display:flex}.reader-controls button{min-width:2.2rem;min-height:2.2rem;padding:.35rem .4rem}.reader-control-label{display:none}.layered-chapter{gap:.45rem}.line-main{font-size:clamp(1.3rem,7vw,1.6rem);line-height:1.45}.speak-button{min-width:2.2rem;min-height:2.2rem}.curiosity-block{margin:.35rem 0}.curiosity-block summary{box-sizing:border-box;gap:.5rem;width:100%;min-width:0;padding:.8rem .85rem;font-size:.9rem}.curiosity-block summary span{flex:0 0 1.75rem;width:1.75rem;height:1.75rem}.curiosity-block summary:after{flex:0 0 1.55rem;width:1.55rem;line-height:1.55rem}.curiosity-content{box-sizing:border-box;min-width:0;padding:.8rem .85rem .9rem}.curiosity-content p{overflow-wrap:anywhere}}.quiz-instruction{color:var(--ink-2);margin:-1rem 0 1.25rem;font-size:.9rem;font-weight:650}.quiz-prompt-compact{overflow-wrap:anywhere;font-size:clamp(2.25rem,7vw,3.5rem)}.quiz-session{overflow-y:auto}.quiz-session-content{padding:clamp(.75rem,2.5vh,1.75rem) 1rem}.quiz-card{padding:clamp(1.1rem,3vw,2rem)}.quiz-card .session-counter{margin-bottom:.9rem}.quiz-prompt-content{margin-bottom:1.15rem}.quiz-prompt{font-size:clamp(2.5rem,10vw,5rem)}.quiz-choices button{padding:.6rem .85rem}.multiplayer-setup{max-width:62rem}.multiplayer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.multiplayer-actions section,.game-sidebar,.game-stage{background:var(--surface);border:1px solid var(--line);border-radius:.9rem;padding:1.25rem}.multiplayer-actions h2,.game-sidebar h2,.game-stage h2{color:var(--ink);margin-top:0}.multiplayer-actions label{color:var(--ink-2);gap:.4rem;margin:.85rem 0;font-size:.82rem;font-weight:700;display:grid}.multiplayer-actions select,.multiplayer-actions input{width:100%}.room-heading{justify-content:space-between;align-items:center;display:flex}.room-heading>span{background:var(--surface-2);color:var(--ink-2);border-radius:99rem;padding:.45rem .7rem;font-size:.8rem;font-weight:700}.game-layout{grid-template-columns:minmax(13rem,18rem) 1fr;gap:1rem;margin-top:1.5rem;display:grid}.game-sidebar ol,.online-invitees{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.game-sidebar li,.online-invitees li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding-top:.55rem;display:flex}.game-sidebar li span{color:var(--ink-2);font-size:.85rem}.game-sidebar li strong{color:var(--accent)}.online-invitees button{padding:.35rem .55rem;font-size:.72rem}.game-sidebar h2:not(:first-child){margin-top:1.5rem;font-size:1rem}.game-stage{text-align:center;min-height:22rem}.game-stage>p:not(.eyebrow):not(.session-counter){color:var(--ink-2)}.game-prompt{font-family:var(--font-han);margin:2rem 0;font-size:clamp(2.2rem,9vw,4.4rem)}.game-answer-status{color:var(--ink-2);font-size:.85rem}.game-invite{background:var(--primary);box-shadow:var(--shadow-pop);color:var(--on-primary);z-index:1000;border-radius:.8rem;max-width:21rem;padding:1rem;position:fixed;bottom:1.25rem;right:1.25rem}.game-invite p{color:var(--gold);letter-spacing:.1em;margin:0 0 .4rem;font-size:.68rem;font-weight:800}.game-invite strong{line-height:1.35;display:block}.game-invite div{gap:.5rem;margin-top:.9rem;display:flex}.game-invite button{background:var(--gold);color:var(--ink);font-size:.8rem}.game-invite .secondary{border-color:var(--line);color:var(--on-primary);background:0 0}.game-invite .game-invite-actions{justify-content:flex-end;align-items:stretch}.game-invite .invite-silence{margin:0;position:relative}.game-invite .invite-enter{min-width:5.7rem;font-size:.9rem;font-weight:800}.game-invite .invite-silence-menu{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-pop);border-radius:.55rem;gap:0;width:6.5rem;margin:0;display:grid;position:absolute;bottom:calc(100% + .5rem);right:0;overflow:hidden}.game-invite .invite-silence-menu button{background:var(--surface);color:var(--ink);text-align:left;border:0;border-radius:0;padding:.55rem .65rem}.game-invite .invite-silence-menu button:hover{background:var(--line)}.room-heading>div:last-child{align-items:center;gap:.65rem;display:flex}.room-leave{padding:.4rem .55rem;font-size:.75rem}.game-timer{color:var(--accent);justify-content:center;align-items:baseline;gap:.35rem;margin:0 0 1rem;display:flex}.game-timer strong{font-family:var(--font-sans);font-size:2.3rem;line-height:1}.game-timer span{text-transform:uppercase;font-size:.75rem;font-weight:700}.game-feedback{background:var(--line);color:var(--ink);border-radius:.5rem;max-width:28rem;margin:1rem auto;padding:.65rem;font-weight:700}.sentence-room{max-width:50rem}.sentence-summary{color:var(--ink-2);justify-content:space-between;align-items:center;margin:.75rem 0;font-size:.85rem;display:flex}.sentence-summary strong{color:var(--accent)}.sentence-board{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:1rem;min-height:21rem;padding:clamp(1.25rem,5vw,2.5rem)}.sentence-tokens{font-family:var(--font-han);flex-wrap:wrap;justify-content:center;gap:.45rem;min-height:5rem;margin:1.5rem 0;font-size:clamp(2rem,8vw,3.8rem);display:flex}.sentence-tokens span{background:var(--line);border-radius:.35rem;padding:.1em .18em}.sentence-mission{color:var(--ink);font-family:var(--font-sans);max-width:34rem;margin:.25rem auto 1.25rem;font-size:clamp(1.35rem,3vw,1.8rem);font-weight:700;line-height:1.3}.sentence-free{color:var(--info);margin:.25rem auto 1.25rem;font-size:1rem;font-weight:700}.sentence-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;max-width:42rem;margin:1.5rem auto;display:grid}.sentence-options button{width:100%;min-height:3.5rem;font-size:clamp(1.2rem,4vw,1.5rem)}.sentence-turn{color:var(--ink);font-weight:700}.sentence-result{border-radius:.6rem;max-width:30rem;margin:1.5rem auto;padding:.8rem;font-weight:700}.sentence-result.valid{background:var(--surface-2);color:var(--ink-2)}.sentence-result.invalid{background:var(--surface-2);color:var(--accent)}.sentence-players{justify-content:center;gap:.75rem;padding:0;list-style:none;display:flex}.sentence-players li{background:var(--line);color:var(--ink);border-radius:99rem;padding:.4rem .7rem}.sentence-room,.sentence-room *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sentence-challenge{justify-items:center;gap:.35rem;display:grid}.sentence-challenge .sentence-mission,.sentence-challenge .sentence-free{margin-bottom:0}.sentence-challenge small,.sentence-round-card small{color:var(--ink-2);font-size:.78rem;font-weight:700}.sentence-round-card small{color:var(--faint)}.sentence-opportunity-note{color:var(--info)!important}.sentence-round-card .sentence-opportunity-note{color:var(--ok)!important}.sentence-option-disabled{cursor:not-allowed;opacity:.55}.sentence-prompt{color:var(--info);margin:1.2rem 0 2rem;font-size:1rem;font-weight:700}.sentence-result.valid{box-shadow:none;gap:.35rem;padding:1.1rem;display:grid;transform:rotate(-.35deg)}.sentence-result.valid strong{color:var(--ok);font-family:var(--font-han);font-size:1.55rem}.sentence-result.valid span{color:var(--ok);font-size:1.1rem}.sentence-result.valid p{margin:0;font-size:.85rem;font-weight:500}.sentence-result.unknown{background:var(--surface-2);color:var(--info)}.sentence-result.unknown strong{margin-bottom:.35rem;display:block}.sentence-result.unknown p{margin:0;font-size:.85rem;font-weight:500}.sentence-review{background:var(--line);color:var(--ink-2);text-align:left;border-radius:.6rem;max-width:30rem;margin:1rem auto;padding:.8rem 1rem}.sentence-review strong{color:var(--ink)}.sentence-review p{margin:.35rem 0 0;font-size:.9rem}.sentence-ai-unavailable{color:var(--gold);max-width:30rem;margin:1rem auto;font-size:.82rem}.sentence-round-card{background:var(--primary);color:var(--on-primary);border-radius:.8rem;align-content:center;gap:.65rem;max-width:34rem;min-height:15rem;margin:1rem auto;padding:1.5rem;display:grid}.sentence-round-card p{color:var(--gold);letter-spacing:.12em;margin:0;font-size:.72rem;font-weight:800}.sentence-round-card strong{font-family:var(--font-han);font-size:1.6rem}.sentence-round-card h2{color:var(--on-primary);margin:0;font-size:clamp(1.3rem,4vw,2rem);line-height:1.25}.sentence-round-card span{color:var(--faint);font-size:.85rem}.sentence-turn-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin:.25rem auto 0;display:flex}.sentence-turn-tools button{min-width:3.3rem;font-size:1.2rem}.sentence-turn-tools button:last-child{min-width:auto;font-size:.85rem}.sentence-admin-note{color:var(--gold);margin:.8rem auto;font-size:.8rem}@media (width<=48rem){.multiplayer-actions,.game-layout{grid-template-columns:1fr}.game-sidebar{order:2}.room-heading{align-items:flex-start;gap:.75rem}.game-invite{max-width:none;bottom:5.5rem;left:1rem;right:1rem}}.admin-users{background:var(--surface);border:1px solid var(--line);border-radius:.9rem;gap:1rem;margin-top:2rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.admin-users h2{color:var(--ink);margin:0}.admin-users p:not(.eyebrow){color:var(--ink-2);margin:.35rem 0 0}.admin-users ul{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.admin-users li{border-top:1px solid var(--line);justify-content:space-between;align-items:start;gap:1rem;padding-top:.75rem;display:flex}.admin-users li>div{gap:.2rem;display:grid}.admin-users strong{color:var(--ink)}.admin-users span,.admin-users small{color:var(--ink-2);font-size:.78rem;line-height:1.45}.admin-users li span:first-letter{color:var(--muted)}@media (width<=48rem){.admin-users li{flex-direction:column;gap:.4rem}}.profile-page{max-width:42rem}.profile-page form{gap:.85rem;max-width:28rem;margin-top:2rem;display:grid}.profile-page label{color:var(--ink);gap:.4rem;font-size:.85rem;font-weight:750;display:grid}.profile-page input{background:var(--surface);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:.6rem;padding:.75rem .85rem}.profile-page form>small{color:var(--muted);font-size:.75rem}.profile-message{color:var(--ink-2);margin:0;font-weight:700}@media (width<=48rem){.workspace-view .welcome{padding:3rem 1rem}}@media (width<=48rem),(width>=48rem){@keyframes menu-cloud-top-first{0%{transform:translate(0,0)}52%{transform:translate(calc(52vw + 5rem),-.35rem)}to{transform:translate(calc(100vw + 10rem))}}@keyframes menu-cloud-bottom-first{0%{transform:translate(0,0)scaleX(-1)}48%{transform:translate(calc(-48vw - 5rem),.3rem)scaleX(-1)}to{transform:translate(calc(-100vw - 10rem))scaleX(-1)}}@keyframes menu-cloud-top-loop{0%{transform:translate(-10rem)}52%{transform:translate(calc(52vw + 5rem),-.35rem)}to{transform:translate(calc(100vw + 10rem))}}@keyframes menu-cloud-bottom-loop{0%{transform:translate(10rem)scaleX(-1)}48%{transform:translate(calc(-48vw - 5rem),.3rem)scaleX(-1)}to{transform:translate(calc(-100vw - 10rem))scaleX(-1)}}}@media (width>=48.0625rem){.reader{max-width:68rem;padding-left:clamp(2.5rem,5vw,5rem);padding-right:clamp(2.5rem,5vw,5rem)}}.workspace-view .welcome{padding-top:clamp(1.5rem,4vw,3rem)}.multiplayer-catalog{max-width:68rem}.multiplayer-catalog h1{letter-spacing:.02em;font-size:clamp(1.35rem,2.2vw,2rem)}.game-catalog{grid-template-columns:repeat(auto-fill,minmax(11rem,14rem));gap:1.2rem;margin-top:1.5rem;display:grid}.game-catalog-entry{gap:.55rem;display:grid}.game-catalog-card{box-shadow:none;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:0;gap:.7rem;padding:0;display:grid}.game-catalog-card:hover{color:var(--accent);filter:none;background:0 0;transform:translateY(-.15rem)}.game-catalog-image{aspect-ratio:1;background:var(--primary);box-shadow:none;color:var(--gold);font-family:var(--font-han);border-radius:.8rem;justify-content:center;align-items:center;width:100%;font-size:clamp(2.5rem,5vw,4rem);display:flex}.game-catalog-image-upload{object-fit:cover;display:block}.game-catalog-card strong{font-size:.95rem;line-height:1.25}.game-catalog-image-editor{justify-self:start;padding:.35rem .55rem;font-size:.74rem}@media (width<=48rem){.workspace-view .welcome{padding:1.25rem 1rem 2rem}.reading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.reading-card .reading-link{gap:.5rem;padding-bottom:.7rem}.reading-cover{aspect-ratio:3/4;font-size:2.25rem}.reading-card .reading-main{gap:.25rem;padding:0 .7rem}.reading-card .reading-main strong{font-size:.88rem}.reading-card .reading-main span{font-size:.7rem}.game-catalog{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.2rem}}.book-overview-actions{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.1rem;display:flex}.book-overview-actions .book-offline-action{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--ink);min-height:2.3rem;padding:.35rem .65rem;font-size:.8rem}.book-overview-actions .book-offline-action:hover{background:var(--gold);border-color:var(--accent);color:var(--ink);filter:none}.book-chapter-list .chapter-button-row{flex-wrap:nowrap}.book-chapter-list .book-chapter-entry{flex:auto;width:auto;min-width:0}.book-chapter-list .book-chapter-entry>span{min-width:0}.book-chapter-list .book-chapter-entry strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.book-chapter-list .chapter-button-row>span{flex-wrap:nowrap;flex:none;gap:.35rem;padding-right:.45rem}.book-chapter-list .chapter-button-row>span .reader-edit{white-space:nowrap}@media (width<=40rem){.book-chapter-list .chapter-button-row>span{gap:.2rem;padding-right:.25rem}.book-chapter-list .chapter-button-row>span .reader-edit{padding:.4rem;font-size:.72rem}.book-chapter-list .chapter-button-row>span .danger{min-width:2rem;font-size:0}.book-chapter-list .chapter-button-row>span .danger:before{content:"×";font-size:1.1rem}}.reader-shell .back,.reader-shell .reader-back-icon{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--ink)}.reader-shell button.secondary{background:var(--surface-2);border-color:var(--line-strong);color:var(--ink)}.reader-shell button.danger{background:var(--surface-2);border-color:var(--accent);color:var(--ink)}.reader-shell .book-chapter-entry{background:var(--surface)}.reader-shell .book-chapter-entry:hover{background:var(--surface-2)}.reader-shell .back,.reader-shell .reader-back-icon,.reader-shell button.secondary,.book-overview-actions .book-offline-action{background:var(--bg);border-color:var(--line);color:var(--ink);border-radius:.55rem}.reader-shell .back{padding:.38rem .58rem}.reader-shell button.danger{background:var(--bg);border-color:var(--accent-soft);color:var(--accent);border-radius:.55rem}.reader-shell .book-chapter-entry{background:var(--surface);color:var(--ink)}.reader-shell .book-chapter-entry:hover{background:var(--bg);color:var(--ink)}.book-chapter-list .chapter-button-row,.book-overview,.book-about{border-color:var(--line)}.book-overview-meta span{background:var(--bg);border-color:var(--line);color:var(--ink)}.book-overview-meta small,.book-about p,.book-section-heading small,.book-chapter-entry small{color:var(--ink-2)}.book-overview h1,.book-about h2,.book-section-heading h2,.book-chapter-entry>b{color:var(--ink)}.book-start-reading{border-radius:.65rem}.reader-shell .back:hover,.reader-shell .reader-back-icon:hover,.reader-shell button.secondary:hover,.book-overview-actions .book-offline-action:hover{background:var(--surface-2);border-color:var(--line);color:var(--ink)}.progress-dashboard-v2{gap:1.1rem;max-width:74rem}.progress-page-heading{justify-content:space-between;align-items:flex-start;display:flex}.progress-page-heading h1{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1}.progress-page-heading p{color:var(--ink-2);margin:.35rem 0 0;font-size:1.05rem}.progress-page-heading button{background:var(--surface);border-color:var(--line);color:var(--ink);padding:.55rem .75rem;font-size:.8rem}.progress-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.progress-metric-grid article,.progress-skill-panel,.progress-activity-card,.progress-vocabulary-card,.progress-general-card{background:var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:.8rem}.progress-metric-grid article{align-items:flex-start;gap:.65rem;min-height:7.1rem;padding:1rem;display:flex}.progress-metric-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.7rem;height:2.7rem;display:inline-flex}.progress-metric-icon.leaf{background:var(--surface-2);color:var(--ok)}.progress-metric-icon.book,.progress-metric-icon.flame{background:var(--bg);color:var(--accent)}.progress-metric-icon.clock{background:var(--bg);color:var(--gold)}.progress-metric-grid article>div{width:100%;min-width:0;display:grid}.progress-metric-grid strong{color:var(--ink);font-size:1.35rem;line-height:1}.progress-metric-grid b{color:var(--ink-2);margin-top:.28rem;font-size:.75rem;font-weight:700}.progress-metric-grid small{color:var(--muted);margin-top:.25rem;font-size:.67rem}.progress-metric-grid i{background:var(--surface-2);border-radius:99rem;height:.42rem;margin-top:.7rem;display:block;overflow:hidden}.progress-metric-grid em{background:var(--ok);border-radius:inherit;height:100%;display:block}.progress-metric-grid article:nth-child(3) em{background:var(--gold)}.progress-metric-grid article:nth-child(4) em{background:var(--primary)}.progress-skill-panel{padding:1.15rem}.progress-skill-panel>header,.progress-general-card>header,.progress-activity-card>header,.progress-vocabulary-card>header{justify-content:space-between;align-items:flex-start;display:flex}.progress-skill-panel h2,.progress-secondary-grid h2,.progress-general-card h2{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:1.05rem}.progress-skill-panel header p,.progress-secondary-grid header p,.progress-general-card header p{color:var(--muted);margin:.3rem 0 0;font-size:.73rem}.progress-skill-panel>header>button{background:var(--primary);border-color:var(--primary);padding:.5rem .75rem;font-size:.75rem}.progress-skill-table{margin-top:1rem}.progress-skill-columns,.progress-skill-row{grid-template-columns:minmax(11rem,1.75fr) repeat(4,minmax(4rem,1fr));gap:.35rem;display:grid}.progress-skill-columns{color:var(--ink-2);text-align:center;align-items:center;padding:0 0 .45rem;font-size:.72rem;font-weight:750}.progress-skill-columns span{text-align:left}.progress-skill-row{border-top:1px solid var(--line);padding:.3rem 0}.progress-skill-row>div{align-content:center;gap:.1rem;padding-right:.75rem;display:grid}.progress-skill-row strong{color:var(--ink);font-size:.74rem}.progress-skill-row small{color:var(--muted);font-size:.65rem;line-height:1.15}.progress-skill-row>span{color:var(--ink);border-radius:.4rem;justify-content:center;align-items:center;min-height:2.2rem;font-size:.78rem;display:flex}.progress-skill-row>span.excellent,.progress-skill-row>span.good{background:var(--ok)}.progress-skill-row>span.developing{background:var(--gold)}.progress-skill-row>span.focus,.progress-skill-row>span.initial{background:var(--primary)}.progress-skill-panel footer{flex-wrap:wrap;gap:.85rem;margin-top:.85rem;display:flex}.progress-skill-panel footer span{color:var(--muted);align-items:center;gap:.28rem;font-size:.62rem;display:inline-flex}.progress-skill-panel footer i,.progress-vocabulary-card li i{border-radius:50%;width:.65rem;height:.65rem;display:inline-block}.progress-skill-panel footer .excellent,.progress-skill-panel footer .good{background:var(--ok)}.progress-secondary-grid{grid-template-columns:1.05fr .95fr;gap:1rem;display:grid}.progress-activity-card,.progress-vocabulary-card,.progress-general-card{padding:1.15rem}.progress-activity-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:.45rem;height:9rem;margin-top:1rem;display:grid}.progress-activity-bars>div{grid-template-rows:1fr auto;place-items:center;gap:.35rem;height:100%;display:grid}.progress-activity-bars i{background:var(--ok);border-radius:.35rem .35rem .08rem .08rem;align-self:end;width:min(100%,1.3rem);min-height:2px}.progress-activity-bars small{color:var(--muted);text-transform:capitalize;font-size:.62rem}.progress-activity-card>p{color:var(--muted);margin:.8rem 0 0;font-size:.7rem}.progress-vocabulary-content{justify-content:center;align-items:center;gap:1.25rem;margin-top:.9rem;display:flex}.progress-donut{aspect-ratio:1;background:conic-gradient(var(--ok) 0 var(--known), var(--gold) var(--known) calc(var(--known) + var(--learning)), var(--primary) calc(var(--known) + var(--learning)) 100%);border-radius:50%;flex:none;align-content:center;justify-items:center;width:8.6rem;padding:.8rem;display:grid;position:relative}.progress-donut:before{background:var(--surface);content:"";border-radius:50%;position:absolute;inset:1.1rem}.progress-donut strong,.progress-donut small{position:relative}.progress-donut strong{color:var(--ink);font-size:1.3rem}.progress-donut small{color:var(--muted);font-size:.65rem}.progress-vocabulary-card ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.progress-vocabulary-card li{color:var(--ink);grid-template-columns:auto auto 1fr;align-items:center;gap:.45rem;font-size:.75rem;font-weight:750;display:grid}.progress-vocabulary-card li span{color:var(--muted);font-size:.68rem;font-weight:500}.progress-vocabulary-card li .known{background:var(--ok)}.progress-vocabulary-card li .learning{background:var(--gold)}.progress-vocabulary-card li .unknown,.progress-vocabulary-card li .review{background:var(--primary)}.progress-general-card{gap:.7rem;display:grid}@media (width<=52rem){.progress-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-secondary-grid{grid-template-columns:1fr}.progress-skill-columns,.progress-skill-row{grid-template-columns:minmax(8rem,1.5fr) repeat(4,minmax(3.25rem,1fr))}.progress-skill-row small{display:none}}@media (width<=38rem){.progress-page-heading{align-items:flex-end}.progress-page-heading h1{font-size:2rem}.progress-metric-grid{gap:.5rem}.progress-metric-grid article{min-height:6.4rem;padding:.75rem}.progress-metric-icon{width:2.25rem;height:2.25rem}.progress-metric-grid article{gap:.45rem}.progress-metric-grid strong{font-size:1.1rem}.progress-metric-grid b{font-size:.68rem}.progress-skill-panel{margin-left:-1rem;margin-right:-1rem;padding:1rem;overflow-x:auto}.progress-skill-table,.progress-skill-panel footer{min-width:37rem}.progress-vocabulary-content{gap:.8rem}.progress-donut{width:7rem}}.theme-dark .reader .term-button{border-radius:.45rem;padding:.08em .18em}.theme-dark .study-page button:not(.secondary):hover{filter:none}.theme-dark .writing-mode button.secondary span{opacity:1}.theme-dark .writing-start:hover,.theme-dark .writing-mode button:not(.secondary):hover{filter:none}.study-session{overflow-y:auto}@media (width>=48.0625rem){.study-session-content{padding:clamp(1.25rem,3vh,2.25rem) 1.5rem}.study-session-content .session-counter{margin-bottom:1rem}.focus-card{padding:clamp(1.25rem,3vw,2.25rem)}.focus-hanzi{margin-bottom:1rem;font-size:clamp(4rem,9vw,7rem)}.focus-ratings{margin-top:1rem}.focus-card-actions{margin-top:1rem;padding-top:1rem}}.theme-challenge-backdrop{background:color-mix(in srgb, var(--primary) 72%, transparent);z-index:200;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.theme-challenge{background:var(--surface);border:3px solid var(--line-strong);box-shadow:var(--shadow-pop);border-radius:1rem;width:min(100%,34rem);max-width:34rem;padding:clamp(1.25rem,4vw,2rem)}.theme-challenge h2{color:var(--ink);text-align:center;margin:0;font-size:clamp(1.45rem,4vw,2.1rem);line-height:1.15}.theme-hanzi-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin-top:1.5rem;display:grid}.theme-hanzi-options button{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);color:var(--accent);font-family:var(--font-han);border-radius:.7rem;place-items:center;padding:0;font-size:clamp(1.7rem,7vw,2.7rem);display:grid}.theme-hanzi-options button:hover{background:var(--bg);border-color:var(--accent);filter:none;transform:translateY(-.1rem)}.study-phase-banner,.session-complete{background:var(--surface);border:1px solid var(--line-strong);box-shadow:none;border-radius:1rem;padding:clamp(2rem,8vw,4rem) clamp(1.25rem,6vw,3rem)}.study-phase-banner h1,.session-complete h1{color:var(--ink);margin:0;font-size:clamp(2rem,6vw,3.2rem)}.study-phase-banner p:not(.eyebrow),.session-complete p:not(.eyebrow){color:var(--ink);max-width:28rem;margin:1rem auto 2rem;line-height:1.55}.session-complete-actions,.focus-reveal-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;display:flex}.session-complete-actions.stacked{flex-direction:column;margin-top:2rem}.focus-reveal-actions{flex-direction:column}.focus-speak{border-radius:50%;width:2.25rem;height:2.25rem;margin:0;padding:0;font-size:.9rem}.niorb-home{background:var(--bg);min-height:100svh}.theme-dark .niorb-home{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.name-onboarding-backdrop{background:color-mix(in srgb, var(--primary) 52%, transparent);z-index:250;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.name-onboarding{background:var(--surface);box-shadow:var(--shadow-pop);color:var(--ink);border-radius:1.15rem;width:100%;max-width:25rem;padding:clamp(1.5rem,6vw,2.25rem)}.name-onboarding-mark{background:var(--ok);border-radius:50%;width:2.25rem;height:2.25rem;margin-bottom:1rem;display:block}.name-onboarding h2{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(1.45rem,6vw,2rem);line-height:1.1}.name-onboarding>p{color:var(--ink-2);margin:.7rem 0 1.35rem;line-height:1.5}.name-onboarding form{gap:1rem;display:grid}.name-onboarding label{color:var(--info);font-size:.84rem}.name-onboarding input{border-color:var(--line);color:var(--ink);margin-top:.1rem}.name-onboarding input:focus{border-color:var(--accent);outline-color:var(--line)}.name-onboarding button{background:var(--primary);border-color:var(--primary);border-radius:999px;width:100%}.name-onboarding button:hover:not(:disabled){background:var(--primary);border-color:var(--primary);filter:none}.name-onboarding-error{color:var(--ink);margin:-.3rem 0 0;font-size:.85rem}.vocabulary-visual-editor{background:var(--surface);border:1px solid var(--line);border-radius:.9rem;margin:1rem 0;padding:1rem}.vocabulary-visual-editor>header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.vocabulary-visual-editor h2{margin:.2rem 0}.vocabulary-visual-editor header p:not(.eyebrow){color:var(--muted);margin:0;font-size:.8rem}.vocabulary-visual-editor header label,.vocabulary-visual-editor li>label{color:var(--ink-2);gap:.25rem;font-size:.72rem;font-weight:700;display:grid}.vocabulary-visual-editor select,.vocabulary-visual-editor input,.vocabulary-visual-editor textarea{background:var(--surface);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:.45rem;min-height:2.1rem;padding:.4rem .5rem}.vocabulary-visual-editor textarea{resize:vertical;min-height:4.5rem}.vocabulary-visual-editor>ul{gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.vocabulary-visual-editor>ul>li{background:var(--surface);border:1px solid var(--line);border-radius:.65rem;grid-template-columns:minmax(7rem,.8fr) 2.6rem 6rem minmax(10rem,1.5fr) auto auto;align-items:center;gap:.55rem;padding:.65rem;display:grid}.vocabulary-visual-term{gap:.1rem;display:grid}.vocabulary-visual-term strong{color:var(--ink);font-size:1.25rem}.vocabulary-visual-term span,.vocabulary-visual-term small{color:var(--muted);font-size:.7rem}.vocabulary-visual-preview{background:var(--surface);border:1px solid var(--line);border-radius:.45rem;place-items:center;width:2.6rem;height:2.6rem;display:grid;overflow:hidden}.vocabulary-visual-preview span{font-size:1.45rem}.vocabulary-visual-preview img{object-fit:contain;width:100%;height:100%}.vocabulary-visual-value{min-width:0}.vocabulary-visual-file input{max-width:10rem;padding:.2rem}.vocabulary-visual-editor button{white-space:nowrap;border-radius:.45rem;padding:.55rem .7rem;font-size:.75rem}.media-library{background:var(--surface);border:1px solid var(--line);border-radius:.9rem;margin:1rem 0;padding:1rem}.media-library>header{justify-content:space-between;align-items:center;display:flex}.media-library h2{margin:.2rem 0}.media-library>header label{cursor:pointer}.media-library ul{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.media-library li{background:var(--surface);border:1px solid var(--line);border-radius:.65rem;grid-template-columns:3.4rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.65rem;display:grid}.media-library li img{background:var(--surface);object-fit:contain;border-radius:.4rem;width:3.4rem;height:3.4rem}.media-library li div{gap:.2rem;min-width:0;display:grid}.media-library li strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.media-library li small{color:var(--muted);font-size:.68rem}.media-library li button{padding:.4rem .5rem;font-size:.68rem}.list-pagination{justify-content:center;align-items:center;gap:.7rem;margin-top:1rem;display:flex}.list-pagination span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.list-pagination button{padding:.45rem .7rem;font-size:.75rem}.admin-section-nav{flex-wrap:wrap;gap:.45rem;margin:1rem 0;display:flex}.admin-section-nav button{border-radius:999px;padding:.55rem .85rem;font-size:.78rem}.admin-section-nav button.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}@media (width<=58rem){.vocabulary-visual-editor>header{flex-direction:column;align-items:start}.vocabulary-visual-editor>ul>li{grid-template-columns:minmax(7rem,1fr) 2.6rem 1fr}.vocabulary-visual-value{grid-column:1/-1}.vocabulary-visual-file{grid-column:1/3}}@media (width<=34rem){.vocabulary-visual-editor{margin-left:-.25rem;margin-right:-.25rem;padding:.7rem}.vocabulary-visual-editor>ul>li{grid-template-columns:1fr 2.6rem}.vocabulary-visual-editor li>label:not(.vocabulary-visual-value),.vocabulary-visual-file,.vocabulary-visual-editor li>button{grid-column:1/-1}}.english-workspace{background:var(--bg)}.english-workspace .welcome{max-width:70rem}.english-workspace .welcome>.eyebrow{color:var(--accent);letter-spacing:.14em;font-weight:800}.english-workspace .welcome h1{color:var(--ink);font-family:var(--font-sans);letter-spacing:-.025em}.english-workspace .intro{color:var(--muted);max-width:38rem}.english-workspace .study-dashboard-metrics article,.english-workspace .learned-words-list li,.english-workspace .curation-page,.english-workspace .writing-page,.english-workspace .quiz-setup{background:var(--surface);border-color:var(--line);box-shadow:none}.english-workspace .learned-words-list li strong,.english-workspace .study-dashboard-metrics strong{color:var(--ink)}.english-workspace .learned-words-list li span,.english-workspace .learned-words-list li small{color:var(--muted)}.english-workspace .workspace-view button:not(.secondary),.english-workspace .workspace-view button:not(.secondary):hover{background:var(--primary);border-color:var(--primary)}.english-workspace .workspace-view button.game-catalog-card,.english-workspace .workspace-view button.game-catalog-card:hover{background:0 0;border-color:#0000}.english-workspace button.secondary{border-color:var(--line);color:var(--ink)}.english-workspace .focus-card{border-color:var(--line);box-shadow:none}.english-workspace .focus-hanzi.english-term{color:var(--ink);font-family:var(--font-han);overflow-wrap:anywhere;font-size:clamp(3.25rem,11vw,7rem)}.english-workspace .english-list-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.english-workspace .english-writing-input{gap:.45rem;max-width:28rem;display:grid}.english-workspace .english-writing-input input{border-color:var(--line-strong);padding:.75rem .85rem;font-size:1.15rem}.english-workspace .quiz-session{background:var(--bg)}.english-workspace .quiz-card{border-color:var(--line)}.english-workspace .quiz-prompt-compact,.english-workspace .quiz-instruction{color:var(--ink)}.english-workspace .quiz-choices button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}@media (width<=48rem){.english-workspace .welcome{padding:2.75rem 1rem}.english-workspace .english-list-actions{flex-direction:column;align-items:stretch}.english-workspace .english-list-actions button{width:100%}.english-workspace{min-height:100dvh;overflow-x:clip}}.teacher-workspace{background:var(--surface);color:var(--ink);grid-template-columns:16.5rem minmax(0,1fr);min-height:100svh;display:grid}.teacher-sidebar{background:var(--bg);border-right:1px solid var(--line);flex-direction:column;min-height:100svh;padding:1.6rem 1rem;display:flex}.teacher-brand{color:var(--accent);letter-spacing:-.08em;font-size:1.55rem;font-weight:800;text-decoration:none}.teacher-sidebar>p{color:var(--muted);letter-spacing:.13em;margin:2.5rem .7rem .2rem;font-size:.62rem;font-weight:800}.teacher-sidebar>strong{color:var(--ink);margin:0 .7rem 1.1rem;font-size:1.05rem}.teacher-sidebar nav{gap:.35rem;display:grid}.teacher-sidebar nav button,.teacher-sidebar-footer button{color:var(--ink);font:inherit;text-align:left;background:0 0;border:0;border-radius:.65rem;align-items:center;gap:.75rem;padding:.75rem .8rem;font-size:.9rem;font-weight:700;display:flex}.teacher-sidebar nav button svg{color:var(--muted);width:1.1rem;height:1.1rem}.teacher-sidebar nav button.active{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}.teacher-sidebar nav button.active svg{color:var(--accent)}.teacher-sidebar-footer{border-top:1px solid var(--line);gap:.1rem;margin-top:auto;padding-top:.8rem;display:grid}.teacher-sidebar-footer button{color:var(--ink);font-size:.8rem}.teacher-main{min-width:0}.teacher-topbar{justify-content:flex-end;padding:1.25rem clamp(1rem,3vw,2rem) 0;display:flex}.teacher-workspace-switch{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);border-radius:999px;align-items:center;gap:.45rem;padding:0 .35rem 0 .8rem;display:inline-flex}.teacher-workspace-switch svg{color:var(--accent);flex:none;width:1.05rem;height:1.05rem}.teacher-workspace-switch select{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:.5rem .4rem;font-size:.9rem;font-weight:700}.teacher-mobile-header{display:none}.teacher-page{max-width:72rem;margin:0 auto;padding:clamp(2rem,5vw,4rem)}.teacher-page-heading{border-bottom:1px solid var(--line);margin-bottom:1.75rem;padding-bottom:1.5rem}.teacher-page-heading .eyebrow{color:var(--accent)}.teacher-page-heading h1{color:var(--ink);font-family:var(--font-sans);font-size:clamp(2.2rem,5vw,3.8rem)}.teacher-notice{background:var(--surface);border:1px solid var(--line);border-radius:.65rem;max-width:68rem;margin:1rem auto 0;padding:.8rem 1rem}.teacher-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.teacher-overview-grid>section,.teacher-panel{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;padding:1.15rem}.teacher-overview-grid h2,.teacher-panel h2{color:var(--ink);margin:0 0 .75rem;font-size:1.1rem}.teacher-overview-grid p,.teacher-panel p{color:var(--ink-2);line-height:1.45}.teacher-empty{color:var(--ink-2);justify-items:start;gap:.65rem;display:grid}.teacher-empty p{margin:0}.teacher-teaching-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.teacher-form{gap:.85rem;display:grid}.teacher-filters{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.teacher-filter{border:0;min-width:0;margin:0;padding:0}.teacher-filter legend{color:var(--ink);margin-bottom:.5rem;padding:0;font-size:.8rem;font-weight:750}.teacher-filter div{flex-wrap:wrap;gap:.4rem;display:flex}.teacher-filter button{border:1px solid var(--line-strong);color:var(--ink-2);background:0 0;border-radius:999px;padding:.4rem .8rem;font-size:.82rem;font-weight:600}.teacher-filter button.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.teacher-sentences{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:.85rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.teacher-sentences li{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;gap:.6rem;padding:1.1rem 1.15rem;display:grid}.teacher-sentences li.inactive{opacity:.55}.teacher-sentences p{margin:0}.teacher-sentence-text{color:var(--ink);font-family:var(--font-han);font-size:1.7rem;font-weight:600;line-height:1.25}.teacher-sentence-tags{flex-wrap:wrap;gap:.35rem;display:flex}.teacher-sentence-tags span{background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:650}.teacher-sentence-detail{color:var(--ink-2);gap:.15rem;font-size:.85rem;line-height:1.4;display:grid}.teacher-sentence-detail strong{color:var(--muted);letter-spacing:.04em;font-size:.72rem;font-weight:750}.teacher-form label,.teacher-inline-form label{color:var(--ink);gap:.35rem;font-size:.8rem;font-weight:750;display:grid}.teacher-form input,.teacher-form select,.teacher-inline-form input{border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:.5rem;padding:.65rem .7rem}.teacher-form fieldset{border:1px solid var(--line);border-radius:.55rem;margin:0;padding:.65rem}.teacher-form legend{color:var(--ink);font-size:.78rem;font-weight:750}.teacher-content-picker{flex-wrap:wrap;gap:.4rem;max-height:12rem;display:flex;overflow:auto}.teacher-form .teacher-content-picker label{background:var(--bg);border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .5rem;font-size:.76rem;display:flex}.teacher-content-picker input{accent-color:var(--accent);padding:0}.teacher-inline-form{flex-wrap:wrap;align-items:end;gap:.7rem;display:flex}.teacher-inline-form label{flex:14rem}.teacher-inline-form button{flex:none}.teacher-list{gap:.45rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.teacher-list li{border-top:1px solid var(--line);gap:.12rem;padding-top:.65rem;display:grid}.teacher-list strong{color:var(--ink);font-size:.9rem}.teacher-list small,.teacher-muted{font-size:.78rem;color:var(--muted)!important}.teacher-objective-list{margin-top:1.3rem}@media (width<=48rem){.teacher-workspace{display:block}.teacher-mobile-header{background:var(--bg);border-bottom:1px solid var(--line);color:var(--ink);z-index:70;justify-content:space-between;align-items:center;height:3.75rem;padding:0 .8rem;display:flex;position:sticky;top:0}.teacher-mobile-header button{color:var(--on-primary);background:0 0;border:0;place-items:center;padding:.35rem;display:grid}.teacher-mobile-header svg{width:1.35rem;height:1.35rem}.teacher-sidebar{box-shadow:none;z-index:90;width:min(19rem,88vw);padding:1.3rem 1rem;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.teacher-sidebar.is-open{transform:translate(0)}.teacher-page{padding:1.5rem 1rem 2.5rem}.teacher-overview-grid,.teacher-teaching-grid{grid-template-columns:1fr}.teacher-inline-form button{width:100%}}@media (width<=38rem){.progress-skill-panel{margin-left:0;margin-right:0;padding:.8rem;overflow:hidden}.progress-skill-panel>header{gap:.5rem}.progress-skill-panel>header h2{font-size:.95rem}.progress-skill-panel>header>button{white-space:nowrap;padding:.45rem .55rem;font-size:.67rem}.progress-skill-table,.progress-skill-panel footer{min-width:0}.progress-skill-columns,.progress-skill-row{grid-template-columns:minmax(0,1.38fr) repeat(4,minmax(0,1fr));gap:.22rem}.progress-skill-columns{padding-bottom:.3rem;font-size:.57rem}.progress-skill-columns b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-skill-row{padding:.22rem 0}.progress-skill-row>div{padding-right:.2rem}.progress-skill-row strong{font-size:.67rem;line-height:1.1}.progress-skill-row>span{border-radius:.3rem;min-height:1.85rem;font-size:.68rem}.progress-skill-panel footer{gap:.35rem .55rem;margin-top:.6rem}.progress-skill-panel footer span{font-size:.55rem}}.study-dashboard{max-width:74rem;padding-top:0}.study-dashboard-hero{background-color:var(--surface);background-position:100%;background-repeat:no-repeat;background-size:cover;border-radius:0 0 1rem 1rem;justify-content:space-between;align-items:center;min-height:11.5rem;margin:0 -3rem 1.2rem;padding:2.4rem 3rem;display:flex}.study-dashboard-hero h1{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(2.4rem,5vw,3.5rem);line-height:1}.study-dashboard-hero p{color:var(--ink-2);margin:.6rem 0 0;font-size:1.15rem}.study-dashboard-hero button{background:var(--primary);border-color:var(--primary);box-shadow:none;border-radius:.7rem;min-width:10.5rem}.study-dashboard-hero button span{margin-left:.6rem;font-size:1.2rem}.study-dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.study-dashboard-metrics article,.study-options article,.study-deck-preview{background:var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:.8rem}.study-dashboard-metrics article{align-items:center;gap:.75rem;min-height:7rem;padding:1rem;display:flex}.study-metric-icon,.study-option-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.45rem;display:inline-flex}.study-metric-icon.review,.study-option-icon.play{background:var(--bg);color:var(--accent)}.study-metric-icon.deck,.study-option-icon.shuffle{background:var(--surface-2);color:var(--ok)}.study-metric-icon.learned,.study-option-icon.bolt{background:var(--surface-2);color:var(--gold)}.study-metric-icon.streak{background:var(--bg);color:var(--accent)}.study-dashboard-metrics article>div{width:100%;min-width:0;display:grid}.study-dashboard-metrics strong{color:var(--ink);font-size:1.5rem;line-height:1}.study-dashboard-metrics p{color:var(--ink-2);margin:.35rem 0 0;font-size:.78rem}.study-dashboard-metrics i{background:var(--surface-2);border-radius:99rem;height:.43rem;margin-top:.75rem;display:block;overflow:hidden}.study-dashboard-metrics em{background:var(--primary);border-radius:inherit;height:100%;display:block}.study-dashboard-metrics article:nth-child(2) em{background:var(--ok)}.study-dashboard-metrics article:nth-child(3) em{background:var(--gold)}.study-dashboard-metrics article:nth-child(4) em{background:var(--primary)}.study-dashboard .bulk-card-add{background:var(--bg);border:1px solid var(--line);box-shadow:none;border-radius:1rem;min-height:13rem;margin:1.2rem 0 1.65rem;padding:1.8rem clamp(1.2rem,5vw,5rem) 1.5rem clamp(1.2rem,30vw,20rem);position:relative;overflow:hidden}.study-dashboard .bulk-card-add:before{content:"";opacity:.38;background:0 0;width:34%;position:absolute;inset:0 0 0 auto}.study-dashboard .bulk-card-add>*{position:relative}.study-dashboard .bulk-card-add h2{color:var(--ink);font-size:clamp(1.35rem,3vw,1.85rem)}.study-dashboard .bulk-card-add p:not(.eyebrow){color:var(--ink-2);font-size:.98rem}.study-dashboard .bulk-card-controls{margin-top:.8rem}.study-dashboard .bulk-card-controls label{color:var(--ink-2)}.study-dashboard .bulk-card-controls select{background:var(--surface);border-color:var(--line-strong);border-radius:.55rem}.study-dashboard .bulk-card-controls button{background:var(--primary);border-color:var(--primary);border-radius:.55rem;min-height:2.75rem}.study-options>h2,.study-deck-preview h2{color:var(--ink);letter-spacing:-.025em;margin:0 0 .8rem;font-size:1.45rem}.study-options>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.study-options article{min-height:12.5rem;padding:1rem;display:grid}.study-options h3{color:var(--ink);margin:.55rem 0 0;font-size:.95rem}.study-options p{color:var(--muted);margin:.3rem 0 .85rem;font-size:.78rem;line-height:1.45}.study-options button,.study-options a{background:var(--surface);border:1px solid var(--accent);color:var(--accent);font:inherit;text-align:center;border-radius:.55rem;align-self:end;padding:.6rem .7rem;font-size:.78rem;font-weight:750;text-decoration:none}.study-options button{background:var(--primary);color:var(--on-primary)}.study-deck-preview{margin-top:1.7rem;padding:1.15rem}.study-deck-preview header{justify-content:space-between;align-items:center;display:flex}.study-deck-preview header p{color:var(--muted);margin:.25rem 0 0;font-size:.78rem}.study-deck-preview header>span{background:var(--bg);border:1px solid var(--line);color:var(--ink-2);border-radius:.5rem;padding:.5rem .65rem;font-size:.76rem}.study-deck-preview ul{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.45rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.study-deck-preview li{background:var(--surface);border:1px solid var(--line);border-radius:.55rem;gap:.15rem;padding:.65rem;display:grid}.study-deck-preview li strong{color:var(--ink);font-size:1.35rem}.study-deck-preview li span,.study-deck-preview li small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.study-deck-preview .empty{color:var(--muted);margin-bottom:0}@media (width<=70rem){.study-dashboard-hero{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}}@media (width<=52rem){.study-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.study-dashboard .bulk-card-add{padding-left:1.4rem;padding-right:40%}.study-options>div{grid-template-columns:1fr}.study-options article{min-height:auto}.study-options button,.study-options a{margin-top:.8rem}}@media (width<=38rem){.study-dashboard-hero{flex-direction:column;align-items:flex-start;gap:1rem;min-height:14rem;margin:0 -1rem 1rem;padding:1.5rem 1rem}.study-dashboard-hero p{font-size:.95rem}.study-dashboard .bulk-card-add{background:var(--bg);padding-right:1.2rem}.study-dashboard .bulk-card-add:before{display:none}.study-dashboard-metrics article{min-height:6rem;padding:.75rem}.study-dashboard-metrics strong{font-size:1.2rem}.study-metric-icon{width:2.4rem;height:2.4rem;font-size:1.1rem}}.learned-words-add{gap:.55rem;margin-top:1rem;display:flex}.learned-words-add select{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:.55rem;flex:1;min-width:0;padding:.62rem .7rem}.learned-words-add button,.learned-words li button{border-radius:.5rem;padding:.48rem .6rem;font-size:.72rem}.learned-words li{grid-template-columns:1fr auto}.learned-words li strong,.learned-words li span,.learned-words li small{grid-column:1}.learned-words li button{grid-area:1/2/span 3;align-self:center}.learned-words-controls{grid-template-columns:minmax(0,1fr) minmax(12rem,.55fr);gap:.7rem;display:grid}.learned-words-controls .learned-words-add{margin-top:0}.learned-words-filter{color:var(--ink-2);gap:.25rem;font-size:.72rem;font-weight:700;display:grid}.learned-words-filter input{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font:inherit;border-radius:.55rem;min-width:0;padding:.62rem .7rem}.learned-words ul{grid-template-columns:repeat(5,minmax(0,1fr))}.learned-words-pagination{justify-content:flex-end;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.learned-words-pagination span{color:var(--muted);font-size:.75rem}.learned-words-pagination button{padding:.48rem .65rem;font-size:.75rem}@media (width<=52rem){.learned-words-controls{grid-template-columns:1fr}.learned-words ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=38rem){.learned-words ul{grid-template-columns:repeat(2,minmax(0,1fr))}.learned-words-add{flex-direction:column;align-items:stretch}.learned-words-pagination{justify-content:space-between}}html,body{max-width:100%;overflow-x:clip}img,video,canvas,svg,input,select,textarea,button{max-inline-size:100%}.workspace-view,.teacher-main{min-inline-size:0}.workspace-view h1,.workspace-view h2,.workspace-view h3,.teacher-page h1,.teacher-page h2,.teacher-page h3,.teacher-list strong,.teacher-list small{overflow-wrap:anywhere}@media (width<=48rem){.workspace-picker-page{align-items:start;padding:0}.workspace-picker{box-shadow:none;border:0;border-radius:0;min-height:100dvh;padding:1.5rem 1.25rem}.workspace-picker-brand{margin-bottom:2.5rem}.workspace-picker-options button{min-height:4.35rem}.workspace-view,.teacher-main{overflow-x:clip}.modal-backdrop{align-items:end;padding:.5rem}.new-reading{border-radius:.8rem .8rem 0 0;max-height:calc(100dvh - .5rem)}.progress-week,.progress-hero-card,.study-deck-preview header,.library-catalog-head{flex-direction:column;align-items:flex-start}.progress-week>*,.progress-hero-card>*,.study-deck-preview header>*,.library-catalog-head>*{max-inline-size:100%}.progress-week,.progress-insights,.curation-summary,.study-dashboard-metrics{grid-template-columns:1fr}.bulk-card-controls,.learned-words-add,.writing-start-row,.game-invite-actions{flex-direction:column;align-items:stretch}.bulk-card-controls>*,.learned-words-add>*,.writing-start-row>*,.game-invite-actions>*{width:100%}.form-actions,.actions,.page-header-actions{align-items:stretch}.form-actions>*,.actions>*,.page-header-actions>*{flex:100%}.learned-words-list li,.media-library li{align-items:flex-start}.learned-words-list li>div,.media-library li>div{min-width:0}.english-workspace .learned-words-list li{grid-template-columns:minmax(0,1fr)}.english-workspace .learned-words-list li .english-list-actions{grid-column:1}.teacher-notice{margin-left:1rem;margin-right:1rem}.teacher-panel{padding:1rem}.teacher-page-heading h1{font-size:clamp(2rem,11vw,2.8rem)}}@media (width<=24rem){.workspace-picker-options button{gap:.6rem;padding:.75rem}.workspace-picker-options small{font-size:.7rem}.teacher-page,.workspace-view .welcome{padding-left:.85rem;padding-right:.85rem}.teacher-content-picker{max-height:10rem}}.teacher-pagination{justify-content:flex-end;align-items:center;gap:.65rem;margin-top:1rem;display:flex}.teacher-pagination span{color:var(--muted);font-size:.78rem}.teacher-pagination button{padding:.45rem .65rem;font-size:.78rem}@media (width<=48rem){.teacher-pagination{justify-content:space-between}}.listen-build-prompt{background:var(--surface);border:1px solid var(--line);border-radius:.9rem;place-items:center;gap:.8rem;max-width:42rem;margin:0 auto 1rem;padding:1.25rem 1rem;display:grid}.listen-build-play{background:var(--bg);border-color:var(--line);color:var(--accent);border-radius:999px;min-width:4.25rem;min-height:4.25rem;padding:.5rem;font-size:1.6rem}.listen-build-reveal{text-align:center}.listen-build-reveal p{color:var(--ink);font-family:var(--font-han);margin:0;font-size:clamp(1.6rem,6vw,2.4rem);line-height:1.2}.listen-build-reveal small{color:var(--muted);margin-top:.3rem;font-size:.9rem;display:block}.listen-build-answer{max-width:42rem;min-height:3.5rem;margin:0 auto 1rem;padding:.6rem}.listen-build-answer button,.listen-build-cards button{font-family:var(--font-han);min-width:2.75rem;min-height:2.75rem;padding:.35rem .75rem;font-size:1.25rem}.listen-build-cards{flex-wrap:wrap;justify-content:center;gap:.55rem;max-width:42rem;margin:0 auto;display:flex}.listen-build-cards button:disabled{opacity:.35}.listen-build-actions{justify-content:center;margin-top:1.25rem;display:flex}.study-session-content{padding:clamp(1rem,4vh,2.25rem) 1.25rem}.study-session-content .session-counter{margin-bottom:.85rem;font-size:.76rem}.focus-card{padding:clamp(1rem,3.5vw,1.75rem)}.focus-hanzi{overflow-wrap:anywhere;margin:0 0 .9rem;font-size:clamp(3rem,7vw,4.75rem);line-height:1.05}.focus-answer>p{font-size:.95rem}.focus-answer h2{margin:.3rem 0;font-size:clamp(1.15rem,3vw,1.4rem)}.focus-answer small{font-size:.78rem}.reveal-answer{min-width:9.5rem;padding:.55rem .9rem;font-size:.85rem}.focus-speak{width:2rem;height:2rem;font-size:.8rem}.focus-ratings{gap:.4rem;margin-top:1rem}.focus-ratings button{min-width:5.5rem;padding:.45rem .55rem;font-size:.76rem}.focus-ratings button small{font-size:.62rem}.focus-card-actions{gap:.45rem;margin-top:.9rem;padding-top:.9rem}.focus-card-actions button{padding:.45rem .7rem;font-size:.72rem}.focus-card-has-visual .focus-card-presentation{grid-template-columns:minmax(4.5rem,30%) minmax(0,1fr);align-items:center;gap:.5rem clamp(.9rem,3vw,2rem)}.focus-card-has-visual .focus-hanzi{text-align:center;grid-area:1/1/auto/-1;margin:0 0 .4rem}.focus-card-has-visual .focus-vocabulary-visual{grid-area:2/1;place-self:center;height:clamp(4.5rem,14vw,7rem)}.focus-card-has-visual .focus-vocabulary-emoji{height:auto;font-size:clamp(3.5rem,10vw,5rem)}.focus-card-has-visual .focus-answer,.focus-card-has-visual .focus-reveal-actions{grid-area:2/2;min-width:0}.focus-card-has-visual .focus-ratings{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.focus-card-has-visual .focus-ratings button{width:100%;min-width:0}@media (width<=47.9375rem){.study-session>header{padding:.7rem 1rem}.study-session-content{padding:.9rem .75rem 1.5rem}.focus-card{padding:1rem .85rem}.focus-hanzi{font-size:min(18vw,4rem)}.focus-ratings{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.focus-ratings button{width:100%;min-width:0}}:root,.theme-light{--bg:#f7f6f3;--surface:#fff;--surface-2:#f1efea;--line:#e7e4de;--line-strong:#d5d1c8;--ink:#1d1c1a;--ink-2:#3b3935;--muted:#6f6b64;--faint:#a39e95;--primary:#1d1c1a;--on-primary:#fff;--accent:#c8372d;--accent-strong:#9e2a22;--accent-soft:#fbece9;--gold:#b7832f;--gold-soft:#f7efdd;--ok:#2e7d5b;--ok-soft:#e6f2ec;--info:#3563a8;--info-soft:#e8eef8;--tone-1:#d0453a;--tone-2:#c98a1b;--tone-3:#2e8a5c;--tone-4:#3563a8;--shadow-pop:0 18px 40px -18px #1d1c1a47, 0 0 0 1px #1d1c1a0d;--radius:16px;--radius-sm:10px;--ease:cubic-bezier(.2, .7, .2, 1);--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--font-han:Georgia, "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, SimSun, serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, monospace}.theme-dark{--bg:#131312;--surface:#1b1b1a;--surface-2:#242422;--line:#2d2c2a;--line-strong:#3b3a37;--ink:#ecebe6;--ink-2:#d3d0c9;--muted:#9b978f;--faint:#6c6963;--primary:#ecebe6;--on-primary:#161615;--accent:#e3685a;--accent-strong:#f08d80;--accent-soft:#3a211d;--gold:#d9aa58;--gold-soft:#2f2918;--ok:#62b98f;--ok-soft:#1b2e25;--info:#84a9e0;--info-soft:#1d2634;--shadow-pop:0 18px 40px -18px #000000b3, 0 0 0 1px #ffffff0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--ink);letter-spacing:-.02em}h1{font-size:clamp(1.75rem,3.2vw,2.4rem);font-weight:700;line-height:1.1}.workspace-view h1,.welcome h1,.page-header h1{letter-spacing:-.025em;font-size:clamp(1.75rem,3.2vw,2.4rem);line-height:1.1}.eyebrow{color:var(--accent);letter-spacing:.12em;font-size:.72rem;font-weight:650}.intro,.welcome>p.intro{color:var(--muted)}button{background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--on-primary);transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), opacity .15s var(--ease)}button:hover:not(:disabled){filter:none;opacity:.88}button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}button.secondary:hover:not(:disabled){background:var(--surface-2);opacity:1}label{color:var(--ink-2)}input,textarea,select{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus,select:focus{border-color:var(--ink);outline:3px solid color-mix(in srgb, var(--accent) 18%, transparent);outline-offset:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.focus-hanzi,.hanzi,[class*=-hanzi]:not([class*=hanzi-options]){font-family:var(--font-han);font-weight:600}.app-loading{min-height:60vh}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.workspace-layout{background:var(--bg);color:var(--ink);min-height:100svh}.workspace-main{min-width:0}.workspace-view{min-height:auto}.workspace-view .welcome{max-width:68rem;margin:0 auto;padding:clamp(1.5rem,3.5vw,2.75rem) clamp(1rem,4vw,3rem) 3rem}.workspace-mobile-header{background:var(--bg);border-bottom:1px solid var(--line);z-index:30;align-items:center;gap:.75rem;height:3.5rem;padding:0 clamp(.75rem,2.5vw,2rem);display:flex;position:sticky;top:0}.workspace-mobile-header button,.workspace-mobile-header summary{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;list-style:none;display:inline-flex}.workspace-mobile-header summary::-webkit-details-marker{display:none}.workspace-mobile-header button:hover:not(:disabled),.workspace-mobile-header summary:hover{background:var(--surface-2);color:var(--ink);opacity:1}.workspace-mobile-title{flex:1;gap:.05rem;min-width:0;display:grid}.workspace-mobile-title strong{color:var(--ink);letter-spacing:-.01em;font-size:.95rem;font-weight:650}.workspace-mobile-title small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.workspace-mobile-actions{align-items:center;gap:.15rem;display:flex}.workspace-mobile-actions details{position:relative}.workspace-settings-menu{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-pop);z-index:40;border-radius:12px;min-width:13rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .4rem);right:0}.workspace-settings-menu button{color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;width:100%;height:auto;padding:.6rem .75rem;font-size:.9rem;font-weight:500;display:block}.workspace-sidebar{background:var(--bg);flex-direction:column;display:flex}.workspace-menu-decoration{display:none}.workspace-menu-content,.workspace-sidebar{gap:1.25rem}.workspace-menu-content{flex-direction:column;flex:1;min-height:0;display:flex}.workspace-menu-content>header strong,.workspace-brand{color:var(--ink);letter-spacing:-.045em;padding:.25rem .75rem;font-size:1.35rem;font-weight:750;text-decoration:none;display:inline-flex}.workspace-menu-content>header strong:after,.workspace-brand:after{background:var(--accent);content:"";border-radius:2px;width:.4rem;height:.4rem;margin:auto 0 .35rem .2rem;display:inline-block}.workspace-identity{gap:.1rem;padding:0 .75rem;display:grid}.workspace-identity small{color:var(--faint);letter-spacing:.12em;font-size:.68rem}.workspace-identity strong{color:var(--ink)}.workspace-sidebar nav{gap:.15rem;display:grid}.workspace-sidebar nav button,.workspace-menu-admin button,.workspace-note{border-radius:var(--radius-sm);color:var(--ink-2);text-align:left;background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:.7rem;width:100%;min-height:2.5rem;padding:.45rem .75rem;font-size:.92rem;font-weight:500;display:flex}.workspace-sidebar nav button>span,.workspace-menu-admin button>span{color:var(--muted);justify-content:center;align-items:center;width:1.25rem;display:inline-flex}.workspace-sidebar nav button b,.workspace-menu-admin button b{font-weight:inherit}.workspace-sidebar nav button:hover:not(:disabled):not(.active),.workspace-menu-admin button:hover:not(:disabled),.workspace-note:hover:not(:disabled){background:var(--surface-2);color:var(--ink);opacity:1}.workspace-sidebar nav button.active{background:var(--surface);border-color:var(--line);color:var(--ink);font-weight:600}.workspace-sidebar nav button.active>span{color:var(--accent)}.workspace-menu-admin{border-top:1px solid var(--line);margin-top:auto;padding-top:.75rem}.workspace-note{margin-top:auto}.workspace-menu-scrim{display:none}@media (width>=48.0625rem){.workspace-layout{transition:grid-template-columns .2s var(--ease);grid-template-rows:auto minmax(0,1fr);grid-template-columns:15.5rem minmax(0,1fr);display:grid}.workspace-sidebar{border-right:1px solid var(--line);grid-area:1/1/-1;height:100svh;padding:1.1rem .75rem 1rem;position:sticky;top:0;overflow-y:auto}.workspace-mobile-header{grid-area:1/2}.workspace-main{grid-area:2/2}.english-workspace .workspace-menu-toggle,.workspace-mobile-actions .workspace-back{display:none}.workspace-layout.desktop-menu-hidden{grid-template-columns:0 minmax(0,1fr)}.desktop-menu-hidden .workspace-sidebar{visibility:hidden;border:0;padding:0;overflow:hidden}}@media (width<=48rem){.workspace-layout{display:block}.workspace-sidebar{max-width:84vw;transition:transform .22s var(--ease), visibility 0s linear .22s;visibility:hidden;z-index:50;border-right:1px solid var(--line);width:18rem;padding:1rem .75rem;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.workspace-sidebar.is-open{box-shadow:var(--shadow-pop);transition:transform .22s var(--ease);visibility:visible;transform:none}.workspace-sidebar.is-open .workspace-menu-scrim{background:#14131252;width:100vw;display:block;position:absolute;top:0;bottom:0;left:100%}.english-workspace .workspace-mobile-header{margin:0}.reader-chapter-open .workspace-mobile-header{display:none}}.niorb-home{background:0 0}.niorb-today{gap:.85rem;max-width:40rem;margin:0 auto;padding:1.25rem 1rem 2rem;display:grid}.today-greeting{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.25rem .1rem .35rem;display:flex}.today-greeting p{color:var(--muted);margin:0 0 .2rem;font-size:.82rem}.today-greeting h1{letter-spacing:-.025em;margin:0;font-size:1.65rem}.today-streak{background:var(--accent-soft);color:var(--accent);border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:1.05rem;font-weight:650;display:inline-flex}.today-beijing{background:var(--surface);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.today-beijing small{color:var(--muted);font-size:.78rem;display:block}.today-beijing-time strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:.1rem 0;font-size:2rem;font-weight:650;line-height:1.1;display:block}.today-beijing-time small:last-child{text-transform:capitalize}.today-beijing-greeting{text-align:right;justify-items:end;gap:.1rem;display:grid}.today-beijing-greeting strong{color:var(--accent);font-family:var(--font-han);font-size:1.6rem;font-weight:600;line-height:1.15}.today-beijing-greeting span{color:var(--ink-2);font-size:.82rem}.today-session{color:#f2f0eb;background:#1c1b1a;border-radius:20px;gap:1rem;padding:1.15rem 1.2rem 1.2rem;display:grid}.theme-dark .today-session{background:var(--surface);border:1px solid var(--line)}.today-session>header{justify-content:space-between;align-items:center;display:flex}.today-session>header p{color:#a7a39b;letter-spacing:.14em;margin:0;font-size:.72rem;font-weight:650}.today-session>header button{color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;padding:0;display:inline-flex}.today-session{transition:transform .18s var(--ease), box-shadow .18s var(--ease);position:relative}.today-session:hover{transform:translateY(-2px);box-shadow:0 .9rem 2.2rem #14131238}.today-session>header button{background:var(--accent);box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent);width:3.25rem;height:3.25rem;animation:today-session-call 2.4s var(--ease) infinite}.today-session>header button svg{width:45%;height:45%;margin-left:8%}.today-session>header button:after{content:"";border-radius:20px;position:absolute;inset:0}.today-session>header button:hover:not(:disabled),.today-session:hover>header button{background:var(--accent);opacity:1;transform:scale(1.06)}.today-session>header button:focus-visible{outline-offset:3px;outline:3px solid #fff}@keyframes today-session-call{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}70%,to{box-shadow:0 0 0 .85rem color-mix(in srgb, var(--accent) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.today-session>header button{animation:none}.today-session,.today-session:hover{transition:none;transform:none}}.today-session-main{flex-wrap:wrap;align-items:flex-end;gap:.4rem .9rem;display:flex}.today-session-main>strong{color:#fff;font-family:var(--font-han);letter-spacing:.02em;font-size:clamp(2.3rem,11vw,3.1rem);font-weight:600;line-height:1}.today-session-main>div{padding-bottom:.2rem;display:grid}.today-session-main em{color:#f08a7c;font-size:1rem;font-style:normal;font-weight:650}.today-session-main span{color:#d8d5ce;font-size:.85rem}.today-session-level{color:#fff;font:inherit;z-index:1;background:#ffffff1f;border:0;border-radius:999px;padding:.1rem .55rem;font-weight:650;position:relative}.english-import-row{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.today-session-level:hover:not(:disabled){opacity:1;background:#ffffff38}.today-review{background:var(--accent);border-radius:var(--radius);color:#fff;text-align:left;border:0;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.15rem;display:flex}.today-review strong{font-size:1.08rem;font-weight:700;display:block}.today-review small{color:#ffffffd1;margin-top:.15rem;font-size:.82rem;font-weight:500;display:block}.today-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.today-shortcuts button{background:var(--surface);border-radius:var(--radius);color:var(--ink);text-align:left;border:0;align-items:center;gap:.7rem;min-height:3.75rem;padding:.8rem 1rem;display:flex;position:relative;overflow:hidden}.today-shortcuts button:hover:not(:disabled){opacity:1;box-shadow:inset 0 0 0 1px var(--line-strong)}.today-shortcuts strong{font-size:1.08rem;font-weight:650;position:relative}.today-shortcuts svg{position:relative}.today-shortcuts span{color:var(--ink);font-family:var(--font-han);opacity:.06;pointer-events:none;font-size:3.2rem;line-height:1;position:absolute;bottom:-.45rem;right:.35rem}.today-shortcuts .tone-accent svg{color:var(--accent)}.today-shortcuts .tone-gold svg{color:var(--gold)}.today-shortcuts .tone-ok svg{color:var(--ok)}.today-shortcuts .tone-info svg{color:var(--info)}.today-motto{color:var(--faint);text-align:center;margin:.75rem 0 0;padding:0 1rem;font-size:.8rem;font-style:italic}@media (width>=60rem){.today-motto{grid-column:1/-1;font-size:.9rem}.niorb-today{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-content:center;gap:1.25rem;max-width:78rem;min-height:calc(100svh - 3.5rem);padding:2.5rem clamp(2rem,4vw,3.5rem) 3rem}.today-greeting{grid-column:1/-1;padding-bottom:.5rem}.today-greeting p{margin-bottom:.35rem;font-size:1rem}.today-greeting h1{font-size:clamp(2.4rem,3.4vw,3.1rem)}.today-streak{padding:.7rem 1.25rem;font-size:1.2rem}.today-session{border-radius:28px;grid-area:2/1/span 3;align-content:space-between;gap:2rem;padding:clamp(1.75rem,2.6vw,2.5rem)}.today-session>header p{font-size:.85rem}.today-session>header button{width:4.75rem;height:4.75rem}.today-session>header button:after{border-radius:28px}.today-session-main{gap:.75rem 1.5rem}.today-session-main>strong{font-size:clamp(4rem,6.4vw,6.25rem)}.today-session-main em{font-size:1.45rem}.today-session-main span{font-size:1.1rem}.today-beijing{padding:1.4rem 1.6rem}.today-beijing small{font-size:.9rem}.today-beijing-time strong{font-size:2.7rem}.today-beijing-greeting strong{font-size:2.1rem}.today-beijing-greeting span{font-size:.95rem}.today-review{padding:1.4rem 1.6rem}.today-review strong{font-size:1.3rem}.today-review small{margin-top:.25rem;font-size:.95rem}.today-beijing,.today-review,.today-shortcuts{grid-column:2}.today-shortcuts{align-content:start;gap:1rem}.today-shortcuts button{gap:.9rem;min-height:5.5rem;padding:1.1rem 1.35rem}.today-shortcuts button svg{width:1.75rem;height:1.75rem}.today-shortcuts strong{font-size:1.25rem}.today-shortcuts span{font-size:4.6rem}}.workspace-tabbar{display:none}@media (width<=48rem){.workspace-tabbar{background:var(--surface);border-top:1px solid var(--line);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));z-index:35;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.workspace-tabbar button{color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;gap:.2rem;padding:.4rem 0 .3rem;font-size:.7rem;font-weight:500;display:grid}.workspace-tabbar button:hover:not(:disabled){opacity:1;color:var(--ink)}.workspace-tabbar button.active{color:var(--accent);font-weight:650}.workspace-layout:has(.workspace-tabbar) .workspace-main{padding-bottom:calc(4.25rem + env(safe-area-inset-bottom))}.home-layout .workspace-mobile-header{display:none}}.progress-v3{gap:.85rem;max-width:52rem;margin:0 auto;display:grid}.progress-v3>h1{margin:0 0 .15rem}.progress-v3-periods{background:var(--surface-2);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));padding:.3rem;display:grid}.progress-v3-periods button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:.6rem .5rem;font-size:.9rem;font-weight:600}.progress-v3-periods button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000000f}.progress-v3-periods button:hover:not(:disabled){opacity:1;color:var(--ink)}.progress-v3-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.progress-v3-stats article{background:var(--surface);border-radius:var(--radius);gap:.3rem;padding:1rem .95rem;display:grid}.progress-v3-stats strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.35rem;font-weight:700;line-height:1.1}.progress-v3-stats .accuracy strong{color:var(--ok)}.progress-v3-stats span{color:var(--muted);font-size:.8rem;line-height:1.25}.progress-v3-card{background:var(--surface);border-radius:var(--radius);gap:.9rem;padding:1.1rem 1.15rem 1.15rem;display:grid}.progress-v3-card h2{margin:0;font-size:1rem;font-weight:650}.progress-v3-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:.55rem;height:9.5rem;display:grid}.progress-v3-bars>div{grid-template-rows:auto 1fr auto;place-items:center;gap:.35rem;height:100%;display:grid}.progress-v3-bars small{color:var(--muted);font-variant-numeric:tabular-nums;min-height:1em;font-size:.75rem}.progress-v3-bars i{background:var(--line-strong);border-radius:6px 6px 3px 3px;align-self:end;width:100%;display:block}.progress-v3-bars .today i{background:var(--accent)}.progress-v3-bars span{color:var(--muted);text-transform:capitalize;font-size:.75rem}.progress-v3-bars .today span{color:var(--ink);font-weight:600}.progress-v3-goal header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.progress-v3-goal header span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.progress-v3-goal i{background:var(--surface-2);border-radius:999px;height:.55rem;display:block;overflow:hidden}.progress-v3-goal em{background:var(--accent);border-radius:inherit;height:100%;display:block}.progress-v3-map-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.progress-v3-levels{flex-wrap:wrap;gap:.3rem;display:flex}.progress-v3-levels button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:.3rem .65rem;font-size:.75rem;font-weight:600}.progress-v3-levels button.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.progress-v3-map{grid-template-columns:repeat(auto-fill,minmax(2.6rem,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.progress-v3-map li{aspect-ratio:1;font-family:var(--font-han);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;font-size:1.05rem;line-height:1;display:flex;overflow:hidden}.progress-v3-map li.mastered{color:#fff;background:#1f7a5a}.progress-v3-map li.learning{color:#17583f;background:#cfe8dc}.progress-v3-map li.new{background:var(--surface-2);color:var(--faint)}.theme-dark .progress-v3-map li.learning{color:#bfe3d1;background:#234536}.progress-v3-legend{flex-wrap:wrap;gap:1rem;display:flex}.progress-v3-legend span{color:var(--ink-2);align-items:center;gap:.4rem;font-size:.8rem;display:inline-flex}.progress-v3-legend i{border-radius:3px;width:.8rem;height:.8rem;display:inline-block}.progress-v3-legend .mastered{background:#1f7a5a}.progress-v3-legend .learning{background:#cfe8dc}.theme-dark .progress-v3-legend .learning{background:#234536}@media (width>=60rem){.progress-v3{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1.25rem;max-width:78rem}.progress-v3>*{grid-column:1/-1}.progress-v3>h1{font-size:clamp(2.4rem,3.4vw,3.1rem)}.progress-v3-periods{justify-self:start;min-width:30rem}.progress-v3>.progress-v3-chart{grid-area:3/1/span 2;grid-template-rows:auto 1fr}.progress-v3>.progress-v3-stats{grid-area:3/2;align-self:stretch}.progress-v3>.progress-v3-goal{grid-area:4/2;align-content:center}.progress-v3-card{gap:1.1rem;padding:1.5rem 1.6rem 1.6rem}.progress-v3-card h2{font-size:1.15rem}.progress-v3-stats{gap:.85rem}.progress-v3-stats article{align-content:center;gap:.45rem;padding:1.25rem 1.1rem}.progress-v3-stats strong{white-space:nowrap;font-size:clamp(1.45rem,2vw,2.1rem)}.progress-v3-stats span{font-size:.92rem}.progress-v3-chart .progress-v3-bars{gap:.9rem;height:100%;min-height:13rem}.progress-v3-bars small,.progress-v3-bars span{font-size:.85rem}.progress-v3-goal header span{font-size:.95rem}.progress-v3-goal i{height:.75rem}.progress-v3-map{grid-template-columns:repeat(auto-fill,minmax(3.6rem,1fr));gap:.5rem}.progress-v3-map li{border-radius:11px;font-size:1.2rem}.progress-v3-levels button{padding:.4rem .85rem;font-size:.85rem}.progress-v3-legend span{font-size:.9rem}}.progress-v3-legend .new{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.progress-v3 .progress-skill-panel{background:var(--surface);border-radius:var(--radius);box-shadow:none;border:0}.progress-skill-row>span{font-variant-numeric:tabular-nums;border-radius:8px}.progress-skill-row>span.excellent{color:#fff;background:#1f7a5a}.progress-skill-row>span.good{color:#fff;background:#66b08c}.progress-skill-row>span.developing{color:#6b4a10;background:#f2d9a0}.progress-skill-row>span.focus{color:#8a2a1e;background:#f6c7bd}.progress-skill-row>span.initial{background:var(--accent-soft);color:var(--accent)}.progress-skill-panel footer .excellent{background:#1f7a5a}.progress-skill-panel footer .good{background:#66b08c}.progress-skill-panel footer .developing{background:#f2d9a0}.progress-skill-panel footer .focus{background:#f6c7bd}@media (width<=40rem){.progress-v3 .progress-skill-table{overflow-x:auto}.progress-v3 .progress-skill-columns,.progress-v3 .progress-skill-row{grid-template-columns:minmax(7.5rem,1.4fr) repeat(4,minmax(3rem,1fr))}.progress-v3 .progress-skill-row small{display:none}.progress-v3-stats strong{font-size:1.15rem}}.study-dashboard-hero,.writing-dashboard-hero{background:0 0;border:0;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;min-height:0;margin:0 0 1.5rem;padding:0;display:flex}.study-dashboard-hero h1,.writing-dashboard-hero h1{letter-spacing:-.025em;margin:0;font-size:clamp(1.75rem,3.2vw,2.4rem);line-height:1.1}.study-dashboard-hero p,.writing-dashboard-hero p{color:var(--muted);margin:.4rem 0 0;font-size:1rem}.study-dashboard-hero button{min-width:0;padding:.75rem 1.15rem}@media (width<=38rem){.study-dashboard-hero{flex-direction:column;align-items:stretch;gap:.9rem;margin-bottom:1rem}.study-dashboard-hero button{align-self:flex-start}.study-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.study-dashboard-metrics article{gap:.55rem;min-height:0;padding:.7rem .75rem}.study-dashboard-metrics .study-metric-icon{width:2rem;height:2rem;font-size:.95rem}.study-dashboard-metrics p{margin-top:.2rem;font-size:.72rem}.study-dashboard-metrics i{margin-top:.45rem}.study-options>div{gap:.55rem}.study-options article{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:.75rem;padding:.75rem .85rem}.study-options .study-option-icon{grid-row:1/span 2;width:2.4rem;height:2.4rem;font-size:1.1rem}.study-options h3{grid-column:2;margin:0}.study-options p{grid-column:2;margin:.1rem 0 0}.study-options button,.study-options a{white-space:nowrap;grid-area:1/3/span 2;align-self:center;margin-top:0}}.game-catalog-image{background:var(--accent);color:#fff}.teacher-brand{color:var(--ink);letter-spacing:-.045em}.teacher-mobile-header button{color:var(--ink);background:0 0;border:0}.teacher-page-heading h1,.teacher-intro h1{letter-spacing:-.025em;font-size:clamp(1.75rem,3.2vw,2.4rem);line-height:1.1}.reading-cover-placeholder{background:var(--surface-2);color:var(--faint)}.game-catalog-image-picture{background:var(--gold);color:#fff}.picture-game-pool{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.picture-game-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.picture-game .scene-certa-option{aspect-ratio:1;align-content:center;justify-items:center;gap:.35rem;padding:.75rem;display:grid}.picture-game .scene-certa-option img{aspect-ratio:1;object-fit:contain;width:78%;height:auto;max-height:100%}.picture-game-emoji{font-size:clamp(3rem,14vw,4.75rem);line-height:1}.picture-game .scene-certa-option small{color:var(--muted);font-size:.8rem}.picture-game .scene-certa-option:not(:disabled):hover{transform:none}.scene-certa-complete{justify-items:center;gap:.6rem;display:grid}.picture-game .scene-certa-option:disabled{cursor:default;opacity:.5}.picture-game .scene-certa-option.correct{border-color:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 22%, transparent);opacity:1}.picture-game .scene-certa-option.incorrect{border-color:var(--accent);opacity:1}.picture-game .scene-certa-option.correct small{color:var(--ok);font-weight:650}.session-summary{min-height:100%;display:grid}.session-summary-content{text-align:center;align-content:start;justify-items:center;gap:1.5rem;width:100%;max-width:64rem;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 1rem 3rem;display:grid}.session-summary-content h1{margin:0}.session-summary-cards{perspective:900px;flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,2vw,1.25rem);margin:0;padding:0;list-style:none;display:flex}.session-summary-cards li{animation:session-card-flip .7s var(--ease) both;transform-origin:50%;will-change:transform}.session-summary-cards li.sent{opacity:.55;transition:opacity .4s var(--ease);animation:none}.session-summary-flying{pointer-events:none;transform-origin:50%;z-index:300;margin:0;list-style:none;animation:none;position:fixed}.session-summary-card-face{background:var(--surface);box-shadow:0 6px 0 var(--line-strong), 0 14px 30px #1413121f;border-radius:18px;gap:.2rem;min-width:clamp(6.5rem,22vw,8.5rem);padding:1.1rem 1rem 1rem;display:grid}.session-summary-card-face strong{color:var(--ink);font-family:var(--font-han);font-size:clamp(2.6rem,8vw,3.4rem);font-weight:600;line-height:1.1}.session-summary-card-face small{color:var(--gold);font-size:.95rem;font-weight:650}.session-summary-card-face em{color:var(--muted);font-size:.85rem;font-style:normal}@keyframes session-card-flip{0%{opacity:0;transform:rotateY(180deg)scale(.7)}60%{opacity:1}to{opacity:1;transform:rotateY(0)scale(1)}}.session-summary-wall{background:var(--surface);border-radius:var(--radius);gap:.9rem;width:100%;padding:clamp(.85rem,2vw,1.25rem);display:grid}.session-summary-wall ul{grid-template-columns:repeat(auto-fill,minmax(clamp(1.35rem,3.4vw,2.2rem),1fr));gap:.22rem;margin:0;padding:0;list-style:none;display:grid}.session-summary-wall li{aspect-ratio:1;font-family:var(--font-han);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;font-size:clamp(.55rem,1.3vw,.85rem);line-height:1;display:flex;position:relative;overflow:hidden}.session-summary-wall li.mastered{color:#fff;background:#1f7a5a}.session-summary-wall li.learning{color:#17583f;background:#cfe8dc}.session-summary-wall li.new{background:var(--surface-2);color:var(--faint)}.theme-dark .session-summary-wall li.learning{color:#bfe3d1;background:#234536}.session-summary-wall li.just-landed{animation:session-tile-pop .55s var(--ease);background:var(--accent);color:#fff;z-index:1;overflow:visible}.session-summary-wall li.just-landed:after{color:var(--gold);content:"✦";font-family:var(--font-sans,sans-serif);pointer-events:none;font-size:1.6em;animation:.8s ease-out forwards session-tile-star;position:absolute;top:50%;left:50%}@keyframes session-tile-pop{0%{transform:scale(1)}45%{transform:scale(1.6)}to{transform:scale(1)}}@keyframes session-tile-star{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)rotate(0)}to{opacity:0;transform:translate(-50%,-160%)scale(1.6)rotate(90deg)}}.session-summary-wall p{color:var(--muted);margin:0;font-size:.9rem}.session-summary-content>button{min-width:12rem}@media (width<=40rem){.session-summary-cards{gap:.5rem}.session-summary-card-face{box-shadow:0 4px 0 var(--line-strong), 0 8px 18px #1413121a;border-radius:12px;gap:.1rem;min-width:4.5rem;padding:.55rem .5rem .5rem}.session-summary-card-face strong{font-size:1.75rem}.session-summary-card-face small{font-size:.75rem}.session-summary-card-face em{font-size:.7rem}}.session-complete-wall{justify-items:center;gap:1.25rem;margin:1.75rem 0 0;display:grid}@media (prefers-reduced-motion:reduce){.session-summary-cards li,.session-summary-wall li.just-landed,.session-summary-wall li.just-landed:after{animation:none}.session-summary-wall li.just-landed:after{display:none}}