:root{--paper:#f4efe3;--paper-light:#fbf8f0;--ink:#282620;--muted:#777166;--line:#d8cfbd;--cinnabar:#a63f2e;--cinnabar-dark:#7f2c20;--known:#47735a;--unknown:#b66b2d;--untracked:#77756e;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;--sans:"Noto Sans SC", "Microsoft YaHei", sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100%}body,#root{min-height:100dvh}body{overscroll-behavior-y:none;background:radial-gradient(circle at 80% 10%, #fff9 0, transparent 28%), repeating-linear-gradient(90deg, transparent 0 79px, #6d583408 80px), var(--paper);min-width:320px;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:3px solid #cf7b43}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(2.3rem, 5vw, 4.5rem)/1.1 var(--serif);letter-spacing:.03em;margin-bottom:1rem}.eyebrow{color:var(--cinnabar);letter-spacing:.25em;text-transform:uppercase;font-size:.76rem;font-weight:700}.lede{color:var(--muted);font:400 1.1rem/1.8 var(--serif)}.status-badge{border:1px solid;border-radius:2px;padding:.22rem .55rem;font-size:.72rem;display:inline-flex}.status-badge--known{color:var(--known)}.status-badge--unknown{color:var(--unknown)}.status-badge--unlearned{color:var(--untracked);border-style:dashed}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{grid-template-columns:250px 1fr;min-height:100dvh;transition:grid-template-columns .24s;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eee7d8cc;flex-direction:column;height:100dvh;padding:2rem 1.4rem;transition:padding .24s;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:.8rem;margin:0 .7rem 3rem;text-decoration:none;display:flex}.brand b{width:46px;height:46px;color:var(--paper-light);background:var(--cinnabar);font:700 1.8rem var(--serif);place-items:center;display:grid;box-shadow:3px 3px #d4c4aa}.brand span{font:600 1.25rem var(--serif);letter-spacing:.15em}.brand small{color:var(--muted);font:500 .6rem var(--sans);letter-spacing:.18em;margin-top:.2rem;display:block}.sidebar-toggle{z-index:2;border:1px solid var(--line);width:44px;height:44px;color:var(--cinnabar-dark);cursor:pointer;font:500 1.55rem/1 var(--serif);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f3e9f2;border-radius:50%;place-items:center;padding:0;display:none;position:absolute;top:2.05rem;right:-22px;box-shadow:2px 3px #6a5b4724}.sidebar-toggle:hover{background:#fffaf0;transform:translate(-1px)}.sidebar-toggle:focus-visible{outline:2px solid var(--cinnabar);outline-offset:3px}.app-shell--ipad .sidebar-toggle{display:grid}.app-shell--sidebar-collapsed{grid-template-columns:88px 1fr}.app-shell--sidebar-collapsed .sidebar{padding-inline:.75rem}.app-shell--sidebar-collapsed .brand{justify-content:center;margin-inline:0}.app-shell--sidebar-collapsed .brand>span,.app-shell--sidebar-collapsed .sidebar nav a>span,.app-shell--sidebar-collapsed .settings-trigger>span:last-child{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell--sidebar-collapsed .sidebar nav a{justify-content:center;gap:0;padding-inline:.4rem}.app-shell--sidebar-collapsed .sidebar nav a i{font-size:1.1rem}.app-shell--sidebar-collapsed .sidebar-language{display:none}.app-shell--sidebar-collapsed .settings-trigger{justify-content:center;padding-inline:.4rem}.sidebar nav{gap:.45rem;display:grid}.sidebar nav a{color:var(--muted);border-left:3px solid #0000;align-items:center;gap:.9rem;padding:.85rem 1rem;text-decoration:none;display:flex}.sidebar nav a i,.mobile-nav i{font:normal 1rem var(--serif)}.sidebar nav a.active{color:var(--cinnabar-dark);border-left-color:var(--cinnabar);background:#fff7}.sidebar-footer{border-top:1px solid var(--line);margin-top:auto;padding-top:1rem;position:relative}.sidebar-language{color:var(--muted);letter-spacing:.08em;gap:.4rem;margin:0 .45rem .8rem;font-size:.68rem;display:grid}.sidebar-language select{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);font:500 .78rem var(--sans);cursor:pointer;background:#fffaf0a8;padding:.45rem .55rem}.sidebar-language select:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px}.sidebar-actions{gap:.2rem;display:grid}.settings-trigger,.sidebar-logout{width:100%;color:var(--muted);cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.7rem;padding:.75rem .9rem;text-decoration:none;display:flex}.settings-trigger span:first-child{width:1.35rem;height:1.35rem;color:var(--ink);place-items:center;font-size:1.15rem;transition:transform .2s;display:grid}.settings-trigger:hover,.settings-trigger:focus-visible,.settings-trigger.active,.sidebar-logout:hover,.sidebar-logout:focus-visible{color:var(--ink);border-color:var(--line);background:#fff8}.settings-trigger:hover span:first-child,.settings-trigger:focus-visible span:first-child,.settings-trigger.active span:first-child{transform:rotate(28deg)}.sidebar-logout{border:0}.sidebar-logout i{width:1.35rem;color:var(--cinnabar);font:normal 1rem var(--serif);text-align:center}.page{justify-self:center;width:100%;min-width:0;max-width:1260px;padding:clamp(2rem,6vw,6rem)}.page--daily-study{height:100dvh;padding-block:clamp(.75rem,2vh,1.5rem);overflow:hidden}.mobile-nav{display:none}.loading-state{min-height:60vh;color:var(--muted);align-content:center;place-items:center;gap:1rem;display:grid}.loading-state b{font:6rem var(--serif);color:#cbbda6;animation:1.2s ease-in-out infinite alternate ink-pulse}.connection-error{text-align:center;padding:2rem}.connection-error strong{color:var(--ink);font:600 1.35rem var(--serif)}.connection-error span{max-width:28rem;line-height:1.7}.connection-error button{color:#fff;background:var(--cinnabar);cursor:pointer;border:0;min-height:44px;padding:.65rem 1.2rem;font-weight:650}@keyframes ink-pulse{to{opacity:.45;transform:scale(.96)}}@media (width<=720px){.app-shell{display:block}.sidebar{display:none}.sidebar-toggle{display:none!important}.page{padding:calc(2rem + env(safe-area-inset-top)) max(1.2rem, env(safe-area-inset-right)) calc(7rem + env(safe-area-inset-bottom)) max(1.2rem, env(safe-area-inset-left))}.page--daily-study{height:100dvh;padding-top:max(.75rem, env(safe-area-inset-top));padding-bottom:calc(62px + env(safe-area-inset-bottom));overflow:hidden}.mobile-nav{z-index:20;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);scrollbar-width:none;background:#f8f3e9f2;grid-auto-columns:minmax(62px,1fr);grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav a{color:var(--muted);place-items:center;gap:.25rem;min-height:54px;padding:.65rem .05rem;font-size:.56rem;text-decoration:none;display:grid}.mobile-nav a.active{color:var(--cinnabar)}}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.button{cursor:pointer;border:0;justify-content:center;align-items:center;min-height:46px;padding:.85rem 1.35rem;font-weight:650;text-decoration:none;display:inline-flex}.button--red{background:var(--cinnabar);color:#fff;box-shadow:3px 3px #d8c4ac}.button--red:hover{background:var(--cinnabar-dark)}.button--ink{background:var(--ink);color:#fff}.button--light{color:var(--ink);background:var(--paper-light);border:1px solid var(--line)}.text-link{color:var(--cinnabar-dark);text-underline-offset:5px}.hero{border-bottom:1px solid var(--line);grid-template-columns:1fr minmax(220px,.55fr);align-items:center;min-height:370px;display:grid}.hero-actions{align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.ink-circle{aspect-ratio:1;width:220px;font:700 7rem var(--serif);border:2px solid #38362e;border-radius:48% 52% 46% 54%;justify-self:center;place-items:center;display:grid;transform:rotate(-4deg);box-shadow:inset 0 0 25px #655f4d30}.ink-circle span{font:.65rem var(--sans);letter-spacing:.35em;position:absolute;transform:translateY(78px)}.stat-row{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.stat-row div{border-right:1px solid var(--line);place-items:center;padding:2rem;display:grid}.stat-row div:last-child{border:0}.stat-row strong{font:500 2.4rem var(--serif)}.stat-row span{color:var(--muted);letter-spacing:.15em;font-size:.72rem}.import-panel{border:1px solid var(--line);background:#fff6;grid-template-columns:1fr auto;align-items:center;gap:1rem 2rem;margin-top:3rem;padding:2rem;display:grid}.import-panel h2{font:600 1.6rem var(--serif);margin-bottom:.5rem}.import-panel p{color:var(--muted)}.import-panel a{color:var(--cinnabar)}.import-result{border-top:1px dashed var(--line);color:var(--known);grid-column:1/-1;padding-top:1rem}.learning-page{text-align:center;max-width:760px;margin:auto}.learning-page header{margin-bottom:2rem}.progress-wrap{max-width:540px;margin:0 auto 1.5rem}.progress-label{color:var(--muted);justify-content:space-between;margin-bottom:.5rem;font-size:.72rem;display:flex}.progress{background:var(--line);height:3px}.progress i{background:var(--cinnabar);height:100%;transition:width .3s;display:block}.hanzi-card{background:var(--paper-light);border:1px solid #cec2ad;place-items:center;max-width:540px;min-height:390px;margin:auto;padding:2rem;display:grid;position:relative;box-shadow:10px 12px #ded4c2}.hanzi-glyph{cursor:pointer;color:var(--ink);font:500 clamp(8rem, 25vw, 13rem)/1 var(--serif);background:0 0;border:0}.hanzi-details{opacity:0;gap:.75rem;width:100%;max-height:0;transition:all .2s;display:grid;overflow:auto}.hanzi-details section{border-top:1px solid var(--line);text-align:center;gap:.25rem;padding-top:.55rem;display:grid}.hanzi-details section:first-of-type{border-top:0;padding-top:0}.hanzi-details b{color:var(--cinnabar);font-size:1.2rem}.hanzi-details p{color:var(--muted)}.hanzi-meaning-en{text-align:center;margin:0;font-size:.9rem;font-weight:650;color:var(--ink)!important}.translation-text{font:italic .78rem/1.45 Georgia,serif;color:#777064!important}.hanzi-card.is-revealed .hanzi-details{opacity:1;max-height:520px}.hanzi-card small{color:#999184;position:absolute;bottom:1rem}.hanzi-tag{border:1px solid var(--cinnabar);width:fit-content;color:var(--cinnabar-dark);font:650 .68rem var(--sans);letter-spacing:.08em;background:#f9e4d6;padding:.15rem .45rem;font-style:normal;display:inline-flex}.hanzi-card .hanzi-tag{position:absolute;top:1rem;right:1rem}.hanzi-frequency{color:var(--muted);letter-spacing:.04em;font-size:.68rem;position:absolute;top:2.8rem;right:1rem}.hanzi-audio-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;display:flex}.hanzi-audio-line--sentence{align-items:flex-start}.hanzi-audio-line--sentence p{flex:0 auto}.audio-control{align-items:center;gap:.4rem;min-height:1.8rem;display:inline-flex}.audio-play-button{box-sizing:border-box;width:5.5rem;color:var(--ink);font:650 .72rem var(--sans);white-space:nowrap;cursor:pointer;background:#fffaf0;border:1px solid #bda98e;border-radius:999px;justify-content:center;align-items:center;gap:.3rem;padding:.28rem .62rem;display:inline-flex}.audio-play-button:hover{border-color:var(--cinnabar);color:var(--cinnabar-dark)}.audio-play-button:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px}.audio-control--loading .audio-play-button,.audio-control--playing .audio-play-button{border-color:var(--cinnabar);background:#f9e4d6}.audio-status{color:var(--muted);white-space:nowrap;font-size:.68rem}.audio-status--error{color:var(--cinnabar-dark)}.decision-row{grid-template-columns:1fr 1fr;gap:1rem;max-width:540px;margin:2rem auto 1rem;display:grid}.decision-row .button{border:2px solid var(--line);box-shadow:3px 3px #d8c4ac}.decision-row .button.is-active{color:#fff;background:#aaa59b;border-color:#8d887e;box-shadow:3px 3px #817b71}.undo{color:var(--muted);cursor:pointer;background:0 0;border:0;text-decoration:underline}.empty-state{padding:4rem 1rem}.empty-state>b{font:7rem var(--serif);color:#cbbda6}.srs-rating-row{grid-template-columns:repeat(4,1fr);gap:.65rem;width:100%;max-width:680px;margin:.75rem auto .35rem;display:grid}.srs-rating{border:1px solid var(--line);background:var(--paper-light);min-height:58px;color:var(--ink);cursor:pointer;place-items:center;gap:.1rem;padding:.55rem .4rem;display:grid;box-shadow:2px 3px #d8c4ac}.srs-rating b{font:600 .95rem var(--serif)}.srs-rating small{color:var(--muted);font-size:.62rem}.srs-rating--1{border-color:#c78a7e}.srs-rating--2{border-color:#c8a86b}.srs-rating--3{border-color:#8ba389}.srs-rating--4{border-color:#71918b}.srs-rating.is-active{outline:2px solid var(--cinnabar);outline-offset:2px}.srs-rating:disabled{opacity:.55;cursor:wait}.learning-filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem 1.5rem;margin-bottom:1.5rem;display:flex}.difficulty-filter,.polyphonic-filter{color:var(--muted);align-items:center;gap:.6rem;font-size:.8rem;display:inline-flex}.difficulty-filter select,.difficulty-filter input{border:1px solid var(--line);background:var(--paper-light);color:var(--ink);font:inherit;padding:.5rem .8rem}.difficulty-filter input{width:5.5rem}.polyphonic-filter{cursor:pointer}.polyphonic-filter input{width:1rem;height:1rem;accent-color:var(--cinnabar)}.nav-row{max-width:540px;color:var(--muted);justify-content:space-between;align-items:center;margin:0 auto;font-size:.8rem;display:flex}.nav-row .text-button:disabled{opacity:.35;cursor:default}.character-position{color:var(--muted);align-items:center;gap:.35rem;display:inline-flex}.character-position input{box-sizing:border-box;border:1px solid var(--line);background:var(--paper-light);width:4.2rem;color:var(--ink);text-align:center;font:inherit;padding:.35rem .4rem}.character-position input:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px}.hanzi-difficulty{letter-spacing:.1em;color:var(--muted);border:1px solid var(--line);padding:.2rem .55rem;font-size:.72rem;position:absolute;top:1rem;left:1rem}.import-difficulty{color:var(--muted);align-items:center;gap:.5rem;font-size:.8rem;display:inline-flex}.import-difficulty input{border:1px solid var(--line);background:var(--paper-light);color:var(--ink);font:inherit;padding:.5rem .7rem}.daily-study-page{grid-template-rows:auto auto;width:min(100%,980px);min-height:0;margin:0 auto;display:grid}.daily-study-header{justify-content:space-between;align-items:flex-end;gap:2rem;padding-bottom:2rem;display:flex}.daily-study-header--compact{justify-content:flex-end;padding-bottom:1rem}.daily-study-header h1{max-width:760px;margin-bottom:0;font-size:clamp(2.25rem,5vw,4rem)}.study-tabs{border-block:1px solid var(--line);background:#f8f2e7aa;grid-template-columns:repeat(4,1fr);display:grid}.study-tabs button{border:0;border-right:1px solid var(--line);min-width:0;color:var(--muted);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:.7rem;padding:clamp(.55rem,1.4vh,.85rem) .75rem;transition:color .2s,background .2s;display:flex;position:relative}.study-tabs button:last-child{border-right:0}.study-tabs button:after{content:"";background:0 0;height:3px;transition:transform .25s,background .25s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(.35)}.study-tabs button:hover{color:var(--ink);background:#fff7}.study-tabs button.is-active{color:var(--cinnabar-dark);background:var(--paper-light)}.study-tabs button.is-active:after{background:var(--cinnabar);transform:scaleX(1)}.study-tabs button.is-complete{color:var(--known)}.study-tab-mark{aspect-ratio:1;width:2.15rem;font:600 1rem var(--serif);border:1px solid;border-radius:50%;flex:0 0 2.15rem;place-items:center;display:grid}.study-tabs button>span:last-child{gap:.16rem;min-width:0;display:grid}.study-tabs small{letter-spacing:.08em;font-size:.62rem;font-weight:500}.study-tabs b{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.daily-study-panel{min-height:0;padding:clamp(.5rem,1.5vh,1rem) 0 .25rem;animation:.35s both study-panel-in}@keyframes study-panel-in{0%{opacity:0;transform:translateY(8px)}}.daily-card-phase,.practice-phase{text-align:center;max-width:760px;min-height:0;margin:0 auto}.daily-card-phase{gap:clamp(.3rem,.9vh,.65rem);max-width:920px;display:grid}.practice-phase{gap:clamp(.35rem,1vh,.7rem);display:grid}.study-phase-heading{text-align:center;max-width:620px;margin:0 auto 2rem}.daily-card-phase .study-phase-heading,.practice-phase .study-phase-heading{width:100%;margin-bottom:0}.daily-card-phase .study-phase-heading .eyebrow{margin-bottom:.25rem;font-size:.66rem}.daily-card-phase .study-phase-heading h2{margin-bottom:.2rem;font-size:clamp(1.25rem,2.8vh,1.85rem)}.daily-card-phase .study-phase-heading>p:last-child{margin-bottom:0;font-size:.82rem;line-height:1.4}.practice-phase .study-phase-heading p{margin-bottom:0;font-size:.78rem;line-height:1.35}.daily-card-phase .progress-wrap,.practice-phase .progress-wrap{width:100%;margin-bottom:0}.study-card-stage{grid-template-rows:auto auto;gap:.45rem;width:100%;max-width:540px;min-height:0;margin:0 auto;display:grid}.study-card-stage .hanzi-card{grid-row:2}.study-character-index{border-block:1px solid #cdbfa9;border-left:1px solid var(--cinnabar);text-align:left;background-color:#fbf8f09c;background-image:linear-gradient(90deg,#eadfcd55 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;gap:.45rem;min-width:0;padding:.5rem;display:grid}.study-character-index>span{color:var(--muted);letter-spacing:.14em;font-size:.62rem;font-weight:700}.study-character-list{grid-template-columns:repeat(auto-fill,minmax(2.05rem,2.2rem));gap:.35rem;min-width:0;display:grid}.study-character-list button{min-width:0;min-height:2.15rem;color:var(--ink);cursor:pointer;font:600 1.05rem/1 var(--serif);background:#fffaf0c7;border:1px solid #d0c4b1;transition:border-color .15s,color .15s,background .15s,transform .15s;position:relative}.study-character-list button:not(:disabled):hover{border-color:var(--cinnabar);color:var(--cinnabar-dark);transform:translateY(-1px)}.study-character-list button.is-active{border-color:var(--cinnabar);color:var(--cinnabar-dark);background:#f4dfcf;box-shadow:inset 0 0 0 2px #fff9ef}.study-character-list button.is-active:after{content:"";aspect-ratio:1;background:var(--cinnabar);border-radius:50%;width:.28rem;position:absolute;bottom:.2rem;right:.22rem}.study-character-list button:focus-visible{outline:2px solid var(--cinnabar);outline-offset:1px}.study-character-list button:disabled{cursor:wait;opacity:.55}.study-phase-heading h2{font:600 clamp(1.8rem, 4vw, 2.7rem)/1.25 var(--serif);margin-bottom:.65rem}.study-phase-heading>p:last-child{color:var(--muted);line-height:1.7}.daily-card-phase .decision-row{width:100%;margin:0 auto}.daily-card-phase .decision-row button:disabled{opacity:.55;cursor:wait}.study-card-navigation,.practice-question-nav{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:540px;margin:0 auto;display:grid}.study-card-navigation button,.practice-question-nav button{min-height:38px;color:var(--ink);cursor:pointer;font:650 .76rem var(--sans);letter-spacing:.06em;background:#fbf8f0b8;border:1px solid #c8bba6;transition:border-color .15s,color .15s,background .15s}.study-card-navigation button:not(:disabled):hover,.practice-question-nav button:not(:disabled):hover{border-color:var(--cinnabar);color:var(--cinnabar-dark);background:#fffaf2}.study-card-navigation button:focus-visible,.practice-question-nav button:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px}.study-card-navigation button:disabled,.practice-question-nav button:disabled{cursor:default;opacity:.36}.phase-skip{min-height:430px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:1rem;display:grid}.phase-skip b{aspect-ratio:1;border:1px solid var(--line);color:#b6a88f;width:7rem;font:500 4.5rem var(--serif);border-radius:48% 52% 46% 54%;place-items:center;display:grid}.practice-prompt{background:var(--paper-light);border:1px solid #cec2ad;align-content:center;place-items:center;gap:.55rem;max-width:540px;min-height:245px;margin:0 auto 1rem;padding:2.4rem;display:grid;position:relative;overflow:hidden;box-shadow:8px 10px #ded4c2}.practice-phase .practice-prompt{width:100%;margin-bottom:0;padding:clamp(1rem,2.5vh,1.65rem);box-shadow:6px 7px #ded4c2}.practice-answer-card{width:100%;max-width:540px;margin:0 auto}.practice-prompt--review{min-height:205px}.practice-prompt:before,.practice-prompt:after{content:"";opacity:.45;border-color:#b9a98e;width:70px;height:70px;position:absolute}.practice-prompt:before{border-top:1px solid;border-left:1px solid;top:14px;left:14px}.practice-prompt:after{border-bottom:1px solid;border-right:1px solid;bottom:14px;right:14px}.practice-kicker{color:var(--cinnabar);letter-spacing:.2em;font-size:.68rem;font-weight:700}.practice-prompt>strong:not(.practice-glyph){color:var(--ink);font:600 2.2rem var(--serif)}.practice-prompt p{color:var(--muted);font:500 1rem/1.65 var(--serif);margin:0}.practice-glyph{color:var(--ink);font:500 clamp(5.5rem, 15vh, 8.5rem)/1 var(--serif)}.practice-options{grid-template-columns:1fr 1fr;gap:.85rem;max-width:540px;margin:1.8rem auto 0;display:grid}.practice-phase .practice-options{gap:clamp(.45rem,1vh,.7rem);width:100%;margin-top:0}.practice-option{border:1px solid var(--line);min-height:68px;color:var(--ink);cursor:pointer;text-align:left;background:#fbf8f0cc;grid-template-columns:2rem 1fr;align-items:center;gap:.7rem;padding:.75rem 1rem;transition:transform .15s,border-color .15s,background .15s;display:grid;box-shadow:3px 3px #dfd4c2}.practice-phase .practice-option{min-height:clamp(46px,6.5vh,58px);padding-block:.45rem}.practice-option:not(:disabled):hover{border-color:var(--cinnabar);background:#fffaf2;transform:translate(-1px,-1px)}.practice-option-number{aspect-ratio:1;border:1px solid var(--line);width:1.8rem;color:var(--muted);border-radius:50%;place-items:center;font-size:.72rem;display:grid}.practice-option-copy{justify-items:start;gap:.18rem;min-width:0;display:grid}.practice-option b{font:600 1.12rem var(--serif)}.practice-option mark{border-left:2px solid var(--cinnabar);color:var(--cinnabar-dark);font:650 .76rem/1.35 var(--serif);background:#f4dfcf;padding:.08rem .42rem}.practice-option:disabled{cursor:default;opacity:.72}.practice-option.is-correct{border-color:var(--known);color:#315a43;opacity:1;background:#e8f0e6}.practice-option.is-wrong{border-color:var(--cinnabar);color:var(--cinnabar-dark);opacity:1;background:#f7e6dd}.practice-feedback{text-align:left;background:#fff8;border-left:3px solid;justify-content:space-between;align-items:center;gap:1rem;max-width:540px;margin:1rem auto 0;padding:1rem 1.15rem;display:flex}.practice-feedback-slot{width:100%;max-width:540px;height:76px;margin:0 auto}.practice-phase .practice-feedback{justify-content:flex-start;width:100%;height:100%;margin-top:0;padding:.55rem .85rem}.practice-feedback.is-correct{border-color:var(--known);color:var(--known)}.practice-feedback.is-wrong{border-color:var(--cinnabar);color:var(--cinnabar-dark)}.practice-feedback p{color:var(--muted);margin:.25rem 0 0;font-size:.85rem}.practice-feedback .button{white-space:nowrap;min-height:40px;padding:.65rem 1rem}.study-complete{text-align:center;max-width:650px;margin:2rem auto 0}.completion-seal{aspect-ratio:1;border:3px double var(--cinnabar);width:150px;color:var(--cinnabar);font:600 6rem var(--serif);box-shadow:inset 0 0 0 9px var(--paper), inset 0 0 0 10px #c97a69;place-items:center;margin:0 auto 2rem;display:grid;transform:rotate(-4deg)}.study-complete h2{font:600 clamp(2rem, 5vw, 3.3rem)/1.2 var(--serif)}.study-complete>p:not(.eyebrow){max-width:520px;color:var(--muted);margin:0 auto 2rem;line-height:1.8}.study-complete>div:last-child{justify-content:center;align-items:center;gap:1.5rem;display:flex}@media (width<=720px){.hero{grid-template-columns:1fr;min-height:auto;padding-bottom:2rem}.ink-circle{display:none}.stat-row div{padding:1rem .5rem}.import-panel{grid-template-columns:1fr}.import-panel .button{width:100%}.hanzi-card{min-height:360px;box-shadow:6px 8px #ded4c2}.daily-study-header{align-items:flex-start}.daily-study-header .text-link{white-space:nowrap;padding-top:.35rem}.study-tabs button{text-align:center;justify-content:center;padding:.55rem .2rem}.study-tab-mark{display:none}.study-tabs button>span:last-child{gap:.08rem}.study-tabs small{font-size:.55rem}.study-tabs b{font-size:.74rem}.daily-study-panel{min-height:0;padding-top:.6rem}.study-phase-heading{margin-bottom:1.4rem}.daily-card-phase .hanzi-card{padding-inline:.85rem;box-shadow:5px 6px #ded4c2}.daily-card-phase .decision-row{gap:.55rem}.daily-card-phase .decision-row .button{min-height:42px;padding:.6rem .75rem}.study-card-navigation,.practice-question-nav{gap:.55rem}.study-card-navigation button,.practice-question-nav button{min-height:36px}.practice-prompt{min-height:215px;padding:1.5rem;box-shadow:5px 7px #ded4c2}.practice-phase .practice-prompt{padding:.85rem}.practice-options{gap:.65rem}.practice-option{grid-template-columns:1.55rem 1fr;gap:.45rem;min-height:62px;padding:.6rem}.practice-phase .practice-option{min-height:clamp(44px,6vh,52px)}.practice-option-number{width:1.45rem}.practice-option b{font-size:.95rem}.practice-feedback{align-items:flex-start}.srs-rating-row{gap:.3rem}.srs-rating{min-height:48px;padding-inline:.2rem}.srs-rating small{display:none}}@media (width<=430px){.daily-study-header h1{font-size:2rem}.daily-study-header .text-link{font-size:.76rem}.practice-options{grid-template-columns:1fr}.practice-phase .practice-options{grid-template-columns:1fr 1fr}.practice-option{min-height:56px}.practice-phase .practice-option{min-height:44px}.study-complete>div:last-child{flex-direction:column}}.learning-layout{width:100%}.learning-tabs{border:1px solid var(--line);background:#f4eee1;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:2rem;display:grid}.learning-tabs a{min-height:58px;color:var(--muted);font:500 .95rem var(--serif);justify-content:center;align-items:center;gap:.65rem;text-decoration:none;transition:color .18s,background .18s;display:flex;position:relative}.learning-tabs a+a{border-left:1px solid var(--line)}.learning-tabs a:after{content:"";background:0 0;height:3px;position:absolute;bottom:-1px;left:20%;right:20%}.learning-tabs a:hover{color:var(--ink);background:#fbf8f0}.learning-tabs a[aria-selected=true]{color:var(--cinnabar-dark);background:var(--paper-light)}.learning-tabs a[aria-selected=true]:after{background:var(--cinnabar)}.learning-tabs i{aspect-ratio:1;width:1.8rem;font:normal .85rem var(--serif);border:1px solid;place-items:center;display:grid}.library-page>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin-bottom:2rem;padding-bottom:2rem;display:flex}.header-actions{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}.seal-count{border:2px solid var(--unknown);width:100px;height:100px;color:var(--unknown);align-content:center;place-items:center;display:grid;transform:rotate(2deg)}.seal-count strong{font:600 2.2rem var(--serif)}.seal-count span{letter-spacing:.15em;font-size:.65rem}.seal-count--known{border-color:var(--known);color:var(--known)}.search-field{border-bottom:1px solid var(--ink);align-items:center;gap:.7rem;max-width:430px;margin-bottom:2rem;padding:.7rem .2rem;display:flex}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.character-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.character-grid>button{border:1px solid var(--line);min-height:190px;color:var(--ink);cursor:pointer;background:#fbf8f0aa;place-items:center;padding:1rem;transition:transform .18s,box-shadow .18s;display:grid;position:relative}.character-grid>button:hover{transform:translateY(-4px);box-shadow:5px 6px #ddd1bd}.character-grid b{font:500 4.6rem var(--serif);margin-top:.5rem}.character-grid .character-pinyin{color:var(--cinnabar);font-size:.82rem}.compact-difficulty,.frequency-rank{color:var(--muted);letter-spacing:.04em;font-size:.66rem;position:absolute;top:.7rem}.compact-difficulty{left:.7rem}.frequency-rank{right:.7rem}.character-grid .hanzi-tag{position:absolute;bottom:.7rem;left:.7rem}.detail-tags{justify-content:center;margin:-.5rem 0 1rem;display:flex}.detail-dialog .pronunciation-details{grid-template-columns:90px 1fr}.pronunciation-details dt{align-content:start;justify-items:start;gap:.45rem;display:grid}.pronunciation-details dd{gap:.3rem;display:grid}.pronunciation-details dd b{color:var(--muted);font:.7rem var(--sans)}.detail-value-line{flex-wrap:wrap;align-items:center;gap:.45rem .7rem;display:flex}.detail-difficulty,.detail-frequency{color:var(--muted);letter-spacing:.06em;font-size:.68rem;position:absolute;top:1.2rem}.detail-difficulty{border:1px solid var(--line);padding:.18rem .5rem;left:1.25rem}.detail-frequency{right:3.75rem}.dialog-backdrop{z-index:50;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:#29251db8;place-items:center;display:grid;position:fixed;inset:0}.detail-dialog{overscroll-behavior:contain;background:var(--paper-light);border:1px solid #b9aa91;width:min(520px,100%);max-height:calc(100dvh - 2rem);padding:2.5rem;position:relative;overflow:auto;box-shadow:12px 14px #1c191560}.dialog-close{cursor:pointer;background:0 0;border:0;font-size:1.8rem;position:absolute;top:.7rem;right:.85rem}.detail-dialog h2{font:500 7rem/1 var(--serif);text-align:center;margin:1.5rem 1rem 1rem}.detail-meaning-en{color:var(--ink);font:650 .88rem/1.45 var(--sans);text-align:center;margin:-.25rem auto 1.2rem}.detail-dialog dl{margin-bottom:1.5rem}.detail-dialog dl>div{border-top:1px solid var(--line);grid-template-columns:90px 1fr;padding:.8rem 0;display:grid}.detail-dialog dt{color:var(--muted);font-size:.75rem}.detail-dialog dd{font-family:var(--serif);margin:0}.review-session{text-align:center;max-width:760px;margin:auto}.session-top{max-width:540px;color:var(--muted);justify-content:space-between;margin:0 auto 1.5rem;font-size:.75rem;display:flex}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0}@media (width<=560px){.library-page>header{align-items:start}.seal-count{flex:none;width:75px;height:75px}.character-grid{grid-template-columns:repeat(2,1fr)}.character-grid>button{min-height:165px}}.my-library-page{max-width:1120px;margin:0 auto}.library-tabs.library-tabs--four{grid-template-columns:repeat(4,minmax(0,1fr))}.library-tabs{border:1px solid var(--line);background:#f4eee1;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:2.25rem;display:grid}.library-tabs a{min-height:64px;color:var(--muted);font:500 1rem var(--serif);justify-content:center;align-items:center;gap:.7rem;text-decoration:none;transition:color .18s,background .18s;display:flex;position:relative}.library-tabs a+a{border-left:1px solid var(--line)}.library-tabs a:after{content:"";background:0 0;height:3px;position:absolute;bottom:-1px;left:20%;right:20%}.library-tabs a:hover{color:var(--ink);background:#fbf8f0}.library-tabs a[aria-selected=true]{color:var(--ink);background:var(--paper-light)}.library-tabs a[aria-selected=true]:after{background:var(--cinnabar)}.library-tab-panel .library-page>header{margin-top:0}.library-page>.library-section-header{align-items:center;margin-bottom:1.25rem;padding-bottom:1rem}.library-section-header .eyebrow{margin:0}.library-section-header .button{margin-left:auto}.library-count{color:var(--muted);margin-top:.35rem;font-size:.78rem;display:block}.library-filters{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-bottom:1.5rem;display:flex}.library-filters .difficulty-filter{color:var(--muted);align-items:center;gap:.55rem;font-size:.82rem;display:flex}.library-filters select{min-width:110px}.library-pagination{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;margin-top:2rem;font-size:.78rem;display:flex}.library-pagination button{border:1px solid var(--line);background:var(--paper-light);color:var(--ink);cursor:pointer;padding:.45rem .7rem}.library-pagination button:disabled{cursor:not-allowed;opacity:.45}.library-pagination label{align-items:center;gap:.35rem;display:inline-flex}.library-pagination input{border:1px solid var(--line);background:var(--paper-light);width:3.5rem;color:var(--ink);text-align:center;padding:.42rem .35rem}@media (width<=560px){.library-tabs{margin-bottom:1.5rem}.library-tabs a{min-height:56px}}.character-card-shell{min-height:190px;position:relative}.character-card{border:1px solid var(--line);width:100%;height:100%;min-height:190px;color:var(--ink);cursor:pointer;background:#fbf8f0aa;place-items:center;padding:1rem;transition:transform .18s,box-shadow .18s;display:grid;position:relative}.character-card:hover{transform:translateY(-4px);box-shadow:5px 6px #ddd1bd}.character-remove{z-index:2;border:1px solid var(--cinnabar);background:var(--paper-light);width:1.6rem;height:1.6rem;color:var(--cinnabar-dark);cursor:pointer;font:700 1rem/1 var(--sans);border-radius:50%;place-items:center;display:grid;position:absolute;top:.45rem;right:.45rem}.character-remove:hover{background:var(--cinnabar);color:#fff}.character-card-shell:has(.character-remove) .frequency-rank{right:2.55rem}.character-quick-actions{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:.45rem;left:.45rem;right:.45rem}.character-quick-action{pointer-events:auto;border:1px solid var(--line);background:var(--paper-light);width:1.6rem;height:1.6rem;color:var(--ink);cursor:pointer;font:700 1rem/1 var(--sans);border-radius:50%;place-items:center;display:grid}.character-quick-action:hover{color:#fff}.character-quick-action--unknown:hover{border-color:var(--unknown);background:var(--unknown)}.character-quick-action--known:hover{border-color:var(--known);background:var(--known)}.character-card-shell:has(.character-quick-actions) .compact-difficulty{left:2.55rem}.character-card-shell:has(.character-quick-actions) .frequency-rank{right:2.55rem}@media (width<=560px){.character-card-shell,.character-card{min-height:165px}.library-tabs--four{grid-template-columns:repeat(2,minmax(0,1fr))}.library-tabs--four a:nth-child(3){border-left:0;border-top:1px solid var(--line)}.library-tabs--four a:nth-child(4){border-top:1px solid var(--line)}}.article-page{--article-red:#a94735;--article-red-dark:#7f3025;--article-green:#557663;--article-gold:#b88a4a;padding-bottom:4rem}.article-hero{justify-content:space-between;align-items:flex-end;gap:2rem;max-width:1080px;margin-bottom:2rem;display:flex}.article-hero>div:first-child{max-width:700px}.article-hero h1{margin-bottom:.7rem}.article-hero .lede{max-width:640px;margin-bottom:0}.article-hero-mark{width:112px;height:112px;color:var(--article-red-dark);background:#f8f1e4;border:1px solid #cbbca5;flex:0 0 112px;place-items:center;display:grid;position:relative;transform:rotate(2deg);box-shadow:7px 7px #d9cdb8}.article-hero-mark:before,.article-hero-mark:after{content:"";border:1px solid #b95e4e66;position:absolute;inset:7px}.article-hero-mark:after{border-style:dotted;inset:12px}.article-hero-mark span{z-index:1;color:#fff;background:var(--article-red);font:700 .58rem var(--sans);letter-spacing:.12em;padding:.28rem .35rem;position:absolute;top:-10px;right:-8px}.article-hero-mark b{z-index:1;font:500 3.4rem/1 var(--serif)}.article-hero-mark small{z-index:1;letter-spacing:.2em;font-size:.58rem}.article-tabs{border-bottom:1px solid var(--line);gap:0;max-width:640px;margin-bottom:1.3rem;display:flex}.article-tabs button{color:var(--muted);cursor:pointer;letter-spacing:.08em;background:0 0;border:0;padding:.8rem 1.25rem;font-size:.76rem;position:relative}.article-tabs button:after{content:"";background:var(--article-red);height:2px;transition:inset .2s;position:absolute;bottom:-1px;left:50%;right:50%}.article-tabs button.is-active{color:var(--ink);font-weight:700}.article-tabs button.is-active:after{left:.8rem;right:.8rem}.article-tabs button span{min-width:19px;height:19px;color:var(--article-red-dark);background:#fff7f3;border:1px solid #d7afa4;border-radius:10px;place-items:center;margin-left:.35rem;padding:0 .3rem;font-size:.59rem;display:inline-grid}.article-studio,.article-library-layout,.article-manual-layout{border:1px solid var(--line);background:#f9f5ec;grid-template-columns:minmax(390px,.82fr) minmax(460px,1.18fr);min-height:650px;display:grid;box-shadow:0 18px 45px #6756330d}.article-composer,.article-manual-form,.saved-article-list{border-right:1px solid var(--line);background:linear-gradient(150deg,#fffefa,#f5ede0);min-width:0;padding:1.7rem}.article-section-heading{align-items:center;gap:.85rem;margin-bottom:1.15rem;display:flex}.article-section-heading>span{color:#fff;background:var(--ink);width:34px;height:34px;font:700 .65rem var(--sans);flex:0 0 34px;place-items:center;display:grid;box-shadow:3px 3px #b9aa91}.article-section-heading h2{font:600 1.25rem var(--serif);margin:0 0 .2rem}.article-section-heading p{color:var(--muted);margin:0;font-size:.65rem}.library-choice-grid{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.library-choice{cursor:pointer;background:#fffdf8;border:1px solid #dcd2c2;grid-template-columns:35px 1fr auto;align-items:center;gap:.65rem;min-height:70px;padding:.75rem;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid;position:relative}.library-choice:hover{border-color:#b99a7c;transform:translateY(-1px)}.library-choice.is-selected{box-shadow:inset 3px 0 var(--article-red);background:#fff8f3;border-color:#be7562}.library-choice input{opacity:0;pointer-events:none;position:absolute}.library-choice>b{width:34px;height:34px;color:var(--article-red-dark);font:500 1rem var(--serif);background:#fff;border:1px solid #d5b3a8;border-radius:50%;place-items:center;display:grid}.library-choice>span{gap:.15rem;min-width:0;display:grid}.library-choice strong{font:600 .82rem var(--serif)}.library-choice small{color:var(--muted);font-size:.56rem;line-height:1.35}.library-choice>i{color:#a99b87;font-size:.8rem;font-style:normal}.library-choice.is-selected>i{color:var(--article-red);font-weight:800}.article-options{background:#fbf7ef;border:1px dashed #cec1ae;margin:.9rem 0 0;padding:.9rem 1rem 1rem}.article-options legend{color:var(--article-red-dark);letter-spacing:.08em;padding:0 .45rem;font-size:.63rem;font-weight:800}.frequency-range{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.65rem;display:flex}.frequency-range label{align-items:center;gap:.35rem;display:flex}.frequency-range input{width:80px;color:var(--ink);background:#fff;border:1px solid #d7c9b5;padding:.45rem}.frequency-range em{color:var(--article-green);margin-left:auto;font-size:.58rem;font-style:normal}.difficulty-pills{flex-wrap:wrap;gap:.4rem;display:flex}.difficulty-pills label{cursor:pointer}.difficulty-pills input{opacity:0;position:absolute}.difficulty-pills span{color:var(--muted);background:#fff;border:1px solid #d5c8b5;padding:.38rem .55rem;font-size:.62rem;display:inline-block}.difficulty-pills input:checked+span{color:var(--article-red-dark);background:#fff3ed;border-color:#c88674}.difficulty-pills p{color:var(--muted);margin:0;font-size:.65rem}.article-custom-options{gap:.85rem;display:grid}.custom-hanzi-input{color:var(--muted);gap:.4rem;font-size:.62rem;display:grid}.custom-hanzi-input textarea{resize:vertical;color:var(--ink);font:1rem/1.7 var(--serif);background:#fff;border:1px solid #d7c9b5;padding:.7rem}.unknown-picker>p{color:var(--muted);margin:0 0 .55rem;font-size:.62rem}.unknown-picker>p span{color:var(--article-red-dark)}.unknown-picker>div{flex-wrap:wrap;gap:.3rem;max-height:130px;display:flex;overflow-y:auto}.unknown-picker button{width:32px;height:32px;color:var(--ink);cursor:pointer;font:.95rem var(--serif);background:#fff;border:1px solid #d8ccba;place-items:center;display:grid}.unknown-picker button[aria-pressed=true]{color:#fff;border-color:var(--article-red);background:var(--article-red)}.unknown-picker small{color:var(--muted)}.article-length-heading{margin-top:1.6rem}.article-length-control{border-block:1px solid var(--line);color:var(--muted);grid-template-columns:auto 1fr 68px;align-items:center;gap:1rem;padding:1rem;font-size:.67rem;display:grid}.article-length-control input{width:100%;accent-color:var(--article-red)}.article-length-control output{color:var(--article-red-dark);font:600 1.55rem var(--serif);justify-content:center;align-items:baseline;gap:.2rem;display:flex}.article-length-control output small{color:var(--muted);font:.58rem var(--sans)}.selection-preview{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.9rem;display:grid}.selection-preview>div{background:#fffaf3;border:1px solid #e0d7c8;justify-content:space-between;padding:.55rem .7rem;display:flex}.selection-preview span{color:var(--muted);font-size:.59rem}.selection-preview strong{color:var(--article-green);font-size:.66rem}.selection-preview p{color:#736654;min-height:56px;font:.8rem/1.75 var(--serif);overflow-wrap:anywhere;background:#faf5eb;border:1px dashed #d8c9b3;grid-column:span 2;margin:0;padding:.7rem}.article-error,.article-success{margin:.8rem 0 0;padding:.65rem .75rem;font-size:.64rem;line-height:1.5}.article-error{color:#8d3528;border-left:3px solid var(--article-red);background:#fff1eb}.article-success{color:#3e6c55;border-left:3px solid var(--article-green);background:#eff8f2;gap:.35rem;display:grid}.article-success small{color:#587362;background:#f8fcf9;border:1px solid #c9dfd0;width:fit-content;padding:.15rem .4rem;font-size:.6rem;font-weight:700}.article-generate-button{color:#fff;background:var(--article-red);cursor:pointer;letter-spacing:.15em;border:0;justify-content:space-between;align-items:center;width:100%;margin-top:1rem;padding:.9rem 1rem;font-weight:700;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:5px 5px #d1b29f}.article-generate-button:hover:not(:disabled){transform:translate(2px,2px);box-shadow:3px 3px #d1b29f}.article-generate-button:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.55}.article-generate-button i{font-size:1.2rem;font-style:normal}.article-preview-column{background:radial-gradient(circle at 85% 8%,#fff 0 5%,#0000 25%),repeating-linear-gradient(0deg,#0000 0 31px,#806e4c0a 32px),#fffdf8;min-width:0;padding:2rem}.article-preview-empty{text-align:center;min-height:570px;color:var(--muted);align-content:center;place-items:center;display:grid}.article-preview-empty>span{color:var(--article-red);letter-spacing:.3em;margin-bottom:.6rem;font-size:.58rem}.article-preview-empty>b{color:#d8cbb8;font:500 7rem/1 var(--serif);text-shadow:3px 3px #f3ede4}.article-preview-empty h2{color:var(--ink);font:600 1.3rem var(--serif);margin:1rem 0 .35rem}.article-preview-empty p{max-width:320px;margin:0;font-size:.68rem;line-height:1.7}.article-preview-empty>i{background:var(--article-red);width:45px;height:1px;margin-top:1.3rem}.article-reader{max-width:760px;margin:0 auto;animation:.42s both article-reveal}.article-reader-heading{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:1rem;display:flex}.article-reader-heading span{color:var(--article-red);letter-spacing:.24em;font-size:.58rem;font-weight:800}.article-reader-heading h2{font:600 clamp(1.5rem, 3vw, 2.25rem) var(--serif);margin:.35rem 0 0}.article-reader-heading small{color:var(--muted);white-space:nowrap;font-size:.62rem}.article-reader-meta{justify-items:end;gap:.6rem;display:grid}.article-audio-player{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.article-audio-button{color:var(--article-red-dark);cursor:pointer;background:#fff7f2;border:1px solid #c98b79;align-items:center;gap:.55rem;padding:.45rem .7rem;font-size:.62rem;font-weight:700;display:inline-flex}.article-audio-button:hover:not(:disabled){color:#fff;background:var(--article-red)}.article-audio-button:hover:not(:disabled) span,.article-audio-button:hover:not(:disabled) i{color:#fff}.article-audio-button:disabled{cursor:wait;opacity:.65}.article-audio-button i{font-size:.7rem;font-style:normal}.article-audio-saved{color:var(--article-green);font-size:.58rem}.article-audio-player audio{display:none}.article-audio-error{color:var(--article-red-dark);text-align:right;flex-basis:100%;font-size:.58rem}.legend{color:var(--muted);flex-wrap:wrap;gap:1rem;margin:1rem 0;font-size:.62rem;display:flex}.legend span:before{content:"";border:1px solid;width:12px;height:8px;margin-right:5px;display:inline-block}.legend .known:before{border-color:var(--known);background:#dfe9dc}.legend .unknown:before{border:2px double var(--unknown);background:#f5dfc5}.legend .untracked:before{border-style:dashed}.article-stats{border-block:1px solid var(--line);grid-template-columns:1.4fr repeat(4,1fr);margin-bottom:1.6rem;display:grid}.article-stats div{border-right:1px solid var(--line);place-items:center;padding:.7rem .4rem;display:grid}.article-stats div:last-child{border:0}.article-stats strong{font:500 1.15rem var(--serif)}.article-stats span{color:var(--muted);font-size:.55rem}.article-stats .rate strong{color:var(--known);font-size:1.45rem}.marked-article{white-space:pre-wrap;color:#352f28;font:1.2rem/2.35 var(--serif);overflow-wrap:anywhere;padding:1.3rem .3rem 2rem}.marked{color:inherit;font:inherit;cursor:pointer;margin:0 .025rem;padding:.04rem .13rem;line-height:1.35;transition:transform .12s,filter .12s}.marked:hover{z-index:1;filter:saturate(1.25);position:relative;transform:translateY(-2px)}.marked--known{border:1px solid var(--known);background:#dfe9dc}.marked--unknown{color:#7d321f;border:3px double var(--unknown);background:#f5dfc5;box-shadow:0 2px #d79a6c44}.marked--unlearned,.marked--untracked{border:1px dashed var(--untracked);background:#eeeae1}.article-library-layout{grid-template-columns:minmax(280px,.55fr) minmax(480px,1.45fr)}.saved-article-list{max-height:760px;overflow-y:auto}.saved-article-list>article{border-top:1px solid #ded5c7;grid-template-columns:1fr auto;transition:background .15s;display:grid;position:relative}.saved-article-list>article.is-active{box-shadow:inset 3px 0 var(--article-red);background:#fff7ef}.saved-article-open{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;gap:.25rem;padding:.9rem .75rem;display:grid}.saved-article-open span{color:var(--article-red);letter-spacing:.08em;font-size:.55rem}.saved-article-open strong{font:600 .92rem var(--serif)}.saved-article-open small{color:var(--muted);font-size:.56rem}.saved-article-delete{color:#a4927c;cursor:pointer;background:0 0;border:0;align-self:center;margin-right:.6rem;font-size:1.25rem}.saved-article-delete:hover{color:var(--article-red)}.saved-article-empty{text-align:center;color:var(--muted);place-items:center;gap:.7rem;padding:4rem 1rem;display:grid}.saved-article-empty b{color:#d2c5b2;font:3rem var(--serif)}.saved-article-empty p{font-size:.67rem}.saved-article-empty button{color:var(--article-red-dark);cursor:pointer;background:#fff7f2;border:1px solid #c98b79;padding:.55rem .85rem;font-size:.65rem}.article-manual-form label{color:var(--muted);letter-spacing:.08em;gap:.5rem;margin-bottom:1.2rem;font-size:.65rem;display:grid}.article-manual-form input,.article-manual-form textarea{color:var(--ink);resize:vertical;font:.95rem/1.75 var(--serif);background:#fffdf9;border:1px solid #d8cdbb;outline:none;padding:.75rem}.article-manual-form input:focus,.article-manual-form textarea:focus{border-color:#bd7965;box-shadow:0 0 0 2px #bd79651a}.article-manual-form>p{color:var(--muted);font-size:.62rem}@keyframes article-reveal{0%{opacity:0;transform:translateY(8px)}}@media (width<=1020px){.article-studio,.article-library-layout,.article-manual-layout{grid-template-columns:1fr}.article-composer,.article-manual-form,.saved-article-list{border-right:0;border-bottom:1px solid var(--line)}.saved-article-list{max-height:420px}.article-preview-column{min-height:560px}}@media (width<=680px){.article-hero-mark{display:none}.article-tabs{max-width:none;overflow-x:auto}.article-tabs button{flex:1 0 auto;padding-inline:.85rem}.article-studio,.article-library-layout,.article-manual-layout{border-inline:0;margin-inline:-1rem;display:block}.article-composer,.article-manual-form,.saved-article-list,.article-preview-column{padding:1.15rem}.library-choice-grid{grid-template-columns:1fr}.article-preview-column{min-height:430px}.article-preview-empty{min-height:380px}.article-length-control{grid-template-columns:1fr 65px}.article-length-control>span{grid-column:span 2}.article-stats{grid-template-columns:repeat(3,1fr)}.article-stats .rate{grid-row:span 2}.marked-article{font-size:1.08rem;line-height:2.3}.frequency-range em{width:100%;margin:0}.selection-preview{grid-template-columns:1fr}.selection-preview p{grid-column:auto}.article-reader-heading{align-items:start}.article-reader-meta{justify-items:end}.article-audio-player audio{width:220px}}.settings-card{border:1px solid var(--line);background:#fbf8f080;grid-template-columns:auto 1fr;gap:1.5rem;padding:2rem;display:grid}.settings-icon{border:2px solid var(--known);width:60px;height:60px;color:var(--known);font:1.3rem var(--serif);place-items:center;display:grid;transform:rotate(-2deg)}.settings-card h2,.danger-zone h2,.confirm-dialog h2{font:600 1.45rem var(--serif)}.settings-card p,.settings-card li,.danger-zone p,.confirm-dialog p{color:var(--muted);line-height:1.7}.library-management .button{margin-top:.5rem}.danger-zone{border-top:1px solid #b96c5c;justify-content:space-between;align-items:center;gap:2rem;margin-top:3rem;padding-top:2rem;display:flex}.button--danger-outline{color:var(--cinnabar-dark);border:1px solid var(--cinnabar);background:0 0}.button--danger{color:#fff;background:#872f23}.confirm-dialog{background:var(--paper-light);border-top:5px solid var(--cinnabar);width:min(500px,100%);padding:2.5rem;box-shadow:12px 14px #1c191560}.confirm-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.error-banner{border-left:4px solid var(--cinnabar);color:var(--cinnabar-dark);background:#f2ddd8;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.error-banner button{cursor:pointer;background:0 0;border:0;margin-left:auto}.success-message{border-left:4px solid var(--known);color:var(--known);background:#e0e9df;padding:1rem}.library-editor-page{max-width:980px}.library-editor-page>.settings-card{margin-bottom:2rem}.editor-count{color:var(--muted);margin:-1rem 0 1.5rem;font-size:.85rem}.editor-dialog{max-height:calc(100vh - 2rem);overflow:auto}.editor-dialog h2{text-align:left;margin:0 0 .5rem;font-size:2rem}.editor-record{color:var(--muted);margin-bottom:1.5rem}.editor-dialog form{gap:1rem;display:grid}.editor-dialog form label{color:var(--muted);gap:.35rem;font-size:.8rem;display:grid}.editor-dialog input,.editor-dialog textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fffdf7;padding:.65rem}.editor-dialog textarea{resize:vertical}.editor-actions{justify-content:space-between;gap:1rem;margin-top:.5rem;display:flex}@media (width<=600px){.settings-card{grid-template-columns:1fr}.danger-zone{display:block}.danger-zone .button,.editor-actions .button{width:100%;margin-top:1rem}.confirm-actions,.editor-actions{grid-template-columns:1fr;display:grid}}.google-signin{justify-content:center;min-height:44px;display:flex}.google-signin-fallback{color:#3c4043;cursor:default;background:#fff;border:1px solid #c8c4bd;justify-content:center;align-items:center;gap:.65rem;width:min(320px,100%);min-height:44px;font-weight:600;display:inline-flex}.google-signin-fallback:disabled{opacity:.72}.google-signin-mark{color:#4285f4;font:700 1.2rem Arial,sans-serif}.google-signin-target{display:none}.security-form label,.danger-zone label{color:var(--muted);gap:.35rem;font-size:.8rem;display:grid}.security-form input,.danger-zone input{border:1px solid var(--line);color:var(--ink);font:inherit;background:#fffdf7;padding:.65rem}.export-management .button+.button{margin-left:.75rem}@media (width<=600px){.export-management .button{width:100%;margin:.75rem 0 0;display:block}.export-management .button+.button{margin-left:0}}.settings-page{max-width:1120px}.settings-page-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1rem;padding-bottom:1.25rem;display:flex}.settings-page-header h1{font:600 clamp(2rem, 5vw, 3rem)/1.1 var(--serif);margin:0 0 .55rem}.settings-page-header p:last-child{color:var(--muted);margin:0;line-height:1.7}.settings-language{min-width:180px;color:var(--muted);letter-spacing:.08em;gap:.4rem;font-size:.72rem;display:grid}.settings-language select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);font:500 .82rem var(--sans);cursor:pointer;background:#fffaf0a8;padding:.5rem .65rem}.settings-language select:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px}.settings-tabs{scrollbar-width:thin;gap:.45rem;margin-bottom:2rem;padding:.15rem .1rem .6rem;display:flex;overflow-x:auto}.settings-tab{min-width:132px;color:var(--muted);border:1px solid #0000;flex:none;align-items:center;gap:.6rem;padding:.7rem .8rem;text-decoration:none;display:flex}.settings-tab:hover,.settings-tab:focus-visible,.settings-tab.is-active{color:var(--cinnabar-dark);border-color:var(--line);background:#fff8}.settings-tab i{width:1.55rem;height:1.55rem;font:normal .9rem var(--serif);border:1px solid;place-items:center;display:grid}.settings-tab span{gap:.15rem;display:grid}.settings-tab b{font:600 .84rem var(--serif);white-space:nowrap}.settings-tab small{white-space:nowrap;font-size:.64rem}.settings-layout{display:block}.settings-content{min-width:0}.settings-subpage-header{border-bottom:1px solid var(--line);margin-bottom:1.5rem;padding-bottom:1.25rem}.settings-subpage-header h2{font:600 clamp(1.8rem, 4vw, 2.7rem)/1.15 var(--serif);margin:0 0 .55rem}.settings-subpage-header>p:last-child{color:var(--muted);margin-bottom:0;line-height:1.7}.settings-card h3,.danger-zone h3{font:600 1.25rem var(--serif);margin:0 0 .55rem}.settings-card p,.danger-zone p{margin-bottom:1rem}.settings-card+.settings-card{margin-top:1rem}.settings-actions{flex-wrap:wrap;gap:.75rem;display:flex}.profile-card{grid-template-columns:74px minmax(0,1fr);gap:1.5rem;display:grid}.profile-avatar{background:var(--cinnabar);width:68px;height:68px;color:var(--paper-light);font:2.2rem var(--serif);place-items:center;display:grid;box-shadow:4px 4px #d8c4ac}.profile-form{gap:.85rem;max-width:620px;display:grid}.profile-form-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.profile-form-heading p{color:var(--muted);font-size:.84rem}.profile-role{color:var(--known);white-space:nowrap;border:1px solid;padding:.3rem .55rem;font-size:.72rem}.profile-form label,.security-form label,.danger-zone label{color:var(--muted);gap:.35rem;font-size:.8rem;display:grid}.profile-form input,.profile-form textarea,.security-form input,.danger-zone input{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fffdf7;padding:.7rem .75rem}.profile-form input[readonly]{color:var(--muted);background:#f2ede2}.form-hint{color:#989084;margin:-.15rem 0 .25rem;font-size:.75rem;line-height:1.6}.verification-hint{border-left:3px solid var(--unknown);color:#865326;background:#f7ead9;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem;font-size:.78rem;display:flex}.verification-hint .text-button{color:#865326;text-underline-offset:3px;white-space:nowrap;text-decoration:underline}.profile-save{justify-self:start;margin-top:.35rem}.security-form{gap:.75rem;max-width:28rem;margin:1rem 0 .75rem;display:grid}.settings-content .danger-zone{margin-top:1.5rem}.settings-guide-card{align-items:start}.settings-guide-card p{max-width:65ch}.settings-guide-list{color:var(--muted);gap:.8rem;margin:0;padding-left:1.25rem;line-height:1.7;display:grid}.settings-guide-list--steps{gap:.7rem}.settings-guide-list li{padding-left:.25rem}.settings-guide-list li::marker{color:var(--cinnabar);font-weight:700}.settings-guide-list strong{color:var(--ink);font:600 1rem var(--serif);display:block}.settings-guide-list span{display:block}.settings-guide-note{border-left:3px solid var(--known);background:#e0e9df;padding:.75rem .9rem;color:var(--known)!important}@media (width<=600px){.profile-card{grid-template-columns:1fr}.settings-actions,.settings-actions .button{width:100%;display:grid}.verification-hint{flex-direction:column;align-items:start}.profile-form-heading{display:block}.profile-role{margin-top:.3rem;display:inline-block}.settings-page-header{align-items:start;gap:1rem;display:grid}.settings-language{width:100%}.settings-tabs{margin-bottom:1.5rem}}.personal-library-toolbar{border:1px solid var(--line);border-left:4px solid var(--known);background:linear-gradient(135deg,#fffaf0cc,#eee4d2aa);grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:1rem 1.5rem;margin:0 0 1.5rem;padding:1.25rem 1.4rem;display:grid;box-shadow:4px 5px #d9cfbd80}.personal-library-picker{grid-template-columns:auto minmax(160px,320px);align-items:center;gap:.35rem .75rem;display:grid}.personal-library-picker label{color:var(--ink);font:600 1rem var(--serif)}.personal-library-picker select,.library-rename-form input{border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;background:#fffdf7;padding:.68rem .75rem}.personal-library-picker small{color:var(--muted);grid-column:2;font-size:.75rem}.personal-library-picker--empty strong{font:600 1rem var(--serif)}.personal-library-actions{grid-template-columns:repeat(3,auto);align-items:start;gap:.65rem;display:grid}.personal-library-actions .button{white-space:nowrap}.personal-library-import{display:contents}.personal-library-import .import-result,.personal-library-import .error-banner{grid-column:1/-1;max-width:34rem;margin:0}.personal-library-import .import-result{border:1px dashed var(--line);background:#f7f1e5;padding:.55rem .65rem;font-size:.76rem}.library-rename-form{border-top:1px dashed var(--line);grid-column:1/-1;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:.8rem;padding-top:1rem;display:grid}.library-rename-form label{color:var(--muted);gap:.35rem;font-size:.78rem;display:grid}.library-rename-form>div{gap:.65rem;display:flex}.personal-library-toolbar>.error-banner{grid-column:1/-1;margin:0}@media (width<=650px){.personal-library-toolbar,.library-rename-form{grid-template-columns:1fr;align-items:stretch}.personal-library-picker{grid-template-columns:1fr}.personal-library-picker small{grid-column:1}.personal-library-actions{grid-template-columns:1fr}.library-rename-form>div{grid-template-columns:1fr 1fr;display:grid}.personal-library-actions .button,.library-rename-form .button{width:100%}}.auth-page{width:min(1380px,100%);min-height:100dvh;padding:max(clamp(2rem, 6vw, 5.5rem), env(safe-area-inset-top)) max(clamp(2rem, 6vw, 5.5rem), env(safe-area-inset-right)) max(clamp(2rem, 6vw, 5.5rem), env(safe-area-inset-bottom)) max(clamp(2rem, 6vw, 5.5rem), env(safe-area-inset-left));grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(3rem,8vw,8rem);margin:0 auto;display:grid;position:relative;overflow:hidden}.auth-page:before{content:"";z-index:-1;border:1px solid #a63f2e2e;border-radius:49% 51% 45% 55%;width:46vw;max-width:680px;height:46vw;max-height:680px;position:absolute;top:-14vw;left:-16vw;transform:rotate(-12deg)}.auth-page:after{content:"學";z-index:-1;color:#a63f2e0d;font:42rem/.8 var(--serif);pointer-events:none;position:absolute;bottom:-4rem;right:-1.5rem}.auth-intro{flex-direction:column;justify-content:center;min-height:min(720px,100vh - 8rem);padding:1rem 0;display:flex}.auth-brand-mark{width:58px;height:58px;color:var(--paper-light);background:var(--cinnabar);font:2rem var(--serif);place-items:center;margin-bottom:2.5rem;display:grid;transform:rotate(-4deg);box-shadow:5px 5px #d5c3a9}.auth-intro-kicker{color:var(--cinnabar);letter-spacing:.24em;margin-bottom:1rem;font-size:.75rem;font-weight:800}.auth-intro h2{max-width:720px;color:var(--ink);font:600 clamp(2.6rem, 5.2vw, 5.5rem)/1.08 var(--serif);letter-spacing:-.045em;margin-bottom:1.35rem}.auth-intro-copy{max-width:560px;color:var(--muted);font:1.1rem/1.9 var(--serif);margin-bottom:clamp(2.4rem,5vw,4.5rem)}.auth-intro-points{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));max-width:680px;display:grid}.auth-intro-points div{border-right:1px solid var(--line);gap:.45rem;padding:1rem 1.2rem 0 0;display:grid}.auth-intro-points div+div{padding-left:1.2rem}.auth-intro-points div:last-child{border-right:0}.auth-intro-points strong{color:var(--ink);font:600 1.1rem var(--serif)}.auth-intro-points span{max-width:150px;color:var(--muted);font-size:.72rem;line-height:1.65}.auth-intro-note{color:#9a9184;letter-spacing:.04em;max-width:520px;margin:clamp(2.5rem,6vw,5.5rem) 0 0;font-size:.72rem}.auth-page--admin{grid-template-columns:minmax(240px,.7fr) minmax(360px,.85fr);gap:clamp(2rem,6vw,5rem);width:min(980px,100%)}.auth-intro--admin{border-left:3px solid var(--ink);min-height:auto;padding-left:2rem}.auth-intro--admin h2{max-width:480px;font-size:clamp(2.2rem,4.5vw,4.2rem)}.auth-admin-rule{border-top:1px solid var(--line);gap:.35rem;max-width:260px;margin-top:2.8rem;padding-top:1rem;display:grid}.auth-admin-rule span{color:var(--muted);letter-spacing:.16em;font-size:.7rem}.auth-admin-rule strong{color:var(--ink);font:600 1.1rem var(--serif)}.auth-panel{justify-items:center;width:100%;display:grid}.auth-card{border:1px solid #cfc3ae;border-top:5px solid var(--cinnabar);background:#fbf8f0e8;width:min(100%,470px);padding:clamp(1.8rem,4vw,3rem);position:relative;box-shadow:12px 14px #d8cbb8b8}.auth-card:after{content:"";z-index:-1;border:1px solid #a63f2e1c;position:absolute;inset:9px;transform:rotate(.7deg)}.auth-card-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.auth-card-top .eyebrow{margin-bottom:0}.auth-card-status{color:var(--known);letter-spacing:.08em;white-space:nowrap;border:1px solid;padding:.25rem .45rem;font-size:.62rem}.auth-card h1{font:600 clamp(2rem, 4vw, 3.2rem)/1.1 var(--serif);letter-spacing:-.035em;margin:1.4rem 0 .7rem}.auth-description{color:var(--muted);font:.92rem/1.75 var(--serif);margin-bottom:1.8rem}.auth-form{gap:1rem;display:grid}.auth-form label{color:var(--ink);gap:.4rem;font-size:.78rem;font-weight:700;display:grid}.auth-form label small{color:var(--muted);font-size:.69rem;font-weight:400;line-height:1.5}.auth-form input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fffdf7;border-radius:0;outline:none;padding:.7rem .8rem}.auth-password-field{gap:.4rem;display:grid}.auth-password-control{display:block;position:relative}.auth-password-control input{padding-right:4.3rem}.auth-password-toggle{width:2.35rem;height:2.35rem;color:var(--cinnabar-dark);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.auth-password-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.15rem;height:1.15rem;display:block}.auth-password-toggle:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px}.auth-form input::placeholder{color:#b1aa9d}.auth-form input:focus{border-color:var(--cinnabar);box-shadow:3px 3px #d9c5ae}.auth-submit{width:100%;min-height:50px;margin-top:.3rem}.auth-error{border-left:3px solid var(--cinnabar);color:var(--cinnabar-dark);background:#f3ded9;margin:0;padding:.75rem .85rem;font-size:.78rem;line-height:1.6}.auth-success{border-left:3px solid var(--known);color:var(--known);background:#e0e9df;margin:0;padding:.75rem .85rem;font-size:.78rem;line-height:1.6}.auth-divider{color:#9a9184;align-items:center;gap:.75rem;margin:1.5rem 0 1rem;font-size:.7rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-secondary-action{width:100%;color:var(--cinnabar-dark);text-align:center;text-underline-offset:4px;margin-top:.9rem;font-size:.78rem;text-decoration:underline;display:block}.auth-panel-caption{color:#9a9184;text-align:center;max-width:420px;margin:1.3rem 0 0;font-size:.68rem;line-height:1.6}.public-not-found{text-align:center;align-content:center;place-items:center;min-height:100dvh;padding:2rem;display:grid}.public-not-found-seal{border:2px solid var(--cinnabar);width:76px;height:76px;color:var(--cinnabar);font:2.4rem var(--serif);place-items:center;margin-bottom:1.8rem;display:grid;transform:rotate(4deg)}.public-not-found h1{margin-bottom:.8rem;font-size:clamp(2.5rem,7vw,5rem)}.public-not-found p:not(.eyebrow){max-width:420px;color:var(--muted);margin-bottom:1.7rem;line-height:1.8}@media (width<=900px){.auth-page{padding:max(2.5rem, env(safe-area-inset-top)) max(1.2rem, env(safe-area-inset-right)) max(3rem, env(safe-area-inset-bottom)) max(1.2rem, env(safe-area-inset-left));grid-template-columns:1fr;align-content:center;gap:2rem}.auth-intro{min-height:auto;padding:0}.auth-intro--admin{border-right:0;border-bottom:1px solid var(--line);padding:0 0 1.5rem}.auth-brand-mark{margin-bottom:1.5rem}.auth-intro h2{max-width:620px;font-size:clamp(2.6rem,8vw,4.6rem)}.auth-intro--admin h2{font-size:clamp(2.2rem,8vw,4.2rem)}.auth-intro-copy{margin-bottom:2rem}.auth-intro-points{max-width:620px}.auth-intro-note{margin-top:2rem}.auth-admin-rule{margin-top:1.8rem}.auth-panel{justify-items:stretch}.auth-card{margin:0 auto}}@media (width<=560px){.auth-page{padding-top:max(1.4rem, env(safe-area-inset-top));align-content:start;gap:1.4rem}.auth-brand-mark{width:50px;height:50px;margin-bottom:1rem}.auth-intro h2{margin-bottom:.8rem;font-size:2.35rem}.auth-intro-copy{margin-bottom:0;font-size:.92rem;line-height:1.7}.auth-intro-points,.auth-intro-note{display:none}.auth-card{padding:1.5rem}.auth-card h1{font-size:2.35rem}}.daily-board{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:2.5rem 0 0;padding:2rem 0 2.5rem}.daily-board-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.25rem;display:flex}.daily-board-heading .eyebrow{margin-bottom:.55rem}.daily-board-heading h2{font:600 clamp(1.8rem, 4vw, 2.8rem) var(--serif);margin:0}.daily-board-heading p:last-child{color:var(--muted);margin:.5rem 0 0;font-size:.84rem}.daily-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.daily-card{border:1px solid var(--line);background:var(--paper-light);flex-direction:column;align-items:flex-start;min-height:250px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.daily-card:after{content:"";opacity:.14;border:1px solid;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-90px;right:-70px}.daily-card--learn{color:var(--cinnabar-dark);background:linear-gradient(135deg,#f9e8dc,#fbf8f0 65%)}.daily-card--review{color:var(--known);background:linear-gradient(135deg,#e6eee5,#fbf8f0 65%)}.daily-card-top{color:currentColor;letter-spacing:.12em;justify-content:space-between;gap:1rem;width:100%;font-size:.76rem;display:flex}.daily-card-top strong{font-family:var(--serif);letter-spacing:0;font-size:.9rem}.daily-card h3{color:var(--ink);font:600 1.55rem var(--serif);margin:2rem 0 .45rem}.daily-card p{max-width:28rem;color:var(--muted);margin-bottom:1rem;font-size:.86rem;line-height:1.65}.daily-card .button{z-index:1;margin-top:auto;position:relative}.daily-progress{background:#cfc4b3;width:100%;height:3px;margin:0 0 1.25rem;display:block}.daily-card--learn .daily-progress b{background:var(--cinnabar)}.daily-card--review .daily-progress b{background:var(--known)}.daily-progress b{height:100%;transition:width .3s;display:block}.learning-note{color:var(--muted);font-size:.8rem}.daily-complete{padding-top:10vh}.srs-agenda{border:1px solid var(--line);background:#fffdf780;margin-top:1rem;padding:1.25rem}.srs-agenda>header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.srs-agenda h3{font:600 1.35rem var(--serif);margin:.2rem 0 0}.srs-agenda header>p{color:var(--muted);margin:0;font-size:.76rem}.srs-agenda-summary{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.srs-agenda-summary div{border-right:1px solid var(--line);place-items:center;gap:.2rem;padding:.75rem;display:grid}.srs-agenda-summary div:last-child{border-right:0}.srs-agenda-summary strong{font:600 1.4rem var(--serif)}.srs-agenda-summary span{color:var(--muted);letter-spacing:.08em;font-size:.68rem}.srs-agenda-days{grid-template-columns:repeat(7,1fr);gap:.4rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.srs-agenda-days li{background:#edf2ea88;border-top:2px solid #a9b9a5;place-items:center;gap:.18rem;min-width:0;padding:.55rem .2rem;display:grid}.srs-agenda-days span{color:var(--muted);font-size:.62rem}.srs-agenda-days b{font-size:.68rem}.srs-agenda-days strong{font:600 1.05rem var(--serif)}.study-history{border-top:1px solid var(--line);margin-top:2.5rem;padding:2rem 0 1rem}.study-history-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.25rem;display:flex}.study-history-heading .eyebrow{margin-bottom:.55rem}.study-history-heading h2{font:600 clamp(1.8rem, 4vw, 2.8rem) var(--serif);margin:0}.study-history-heading p:last-child{color:var(--muted);margin:.5rem 0 0;font-size:.84rem}.history-range{color:var(--muted);letter-spacing:.12em;font-size:.76rem}.study-calendar-layout{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:stretch;gap:1rem;display:grid}.study-calendar-card,.calendar-detail{border:1px solid var(--line);background:#fffdf7b8;box-shadow:5px 5px #d8cfbd55}.study-calendar-card{padding:1rem}.calendar-toolbar{border-bottom:1px solid var(--line);grid-template-columns:2.5rem 1fr 2.5rem;align-items:center;gap:.75rem;min-height:3.3rem;padding-bottom:.8rem;display:grid}.calendar-toolbar>div{place-items:center;gap:.15rem;display:grid}.calendar-toolbar small{color:var(--muted);letter-spacing:.2em;font-size:.65rem}.calendar-toolbar strong{font:600 1.25rem var(--serif);letter-spacing:.08em}.calendar-toolbar button{border:1px solid var(--line);background:var(--paper-light);width:2.5rem;height:2.5rem;color:var(--ink);cursor:pointer;border-radius:50%;transition:transform .18s,border-color .18s,color .18s}.calendar-toolbar button:hover:not(:disabled){border-color:var(--cinnabar);color:var(--cinnabar);transform:translateY(-2px)}.calendar-toolbar button:disabled{opacity:.3;cursor:default}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{color:var(--muted);text-align:center;letter-spacing:.08em;padding:.8rem .2rem .45rem;font-size:.67rem}.calendar-grid{gap:.35rem}.calendar-blank,.calendar-day{min-height:66px}.calendar-day{isolation:isolate;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:.55rem;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.calendar-day:before{content:"";z-index:-1;opacity:.92;border-radius:50%;width:2.1rem;height:2.1rem;position:absolute;bottom:.35rem;right:.4rem}.calendar-day time{font:600 1rem var(--serif)}.calendar-day span{letter-spacing:.04em;font-size:.58rem}.calendar-day--none{color:#7d3027;background:#f5e1dd80}.calendar-day--none:before{background:#bd6558}.calendar-day--partial{color:#76551d;background:#f5ead287}.calendar-day--partial:before{background:#d7a647}.calendar-day--complete{color:#335e47;background:#e2ede187}.calendar-day--complete:before{background:#5e8a6b}.calendar-day:hover:not(:disabled){z-index:1;border-color:currentColor;transform:translateY(-2px);box-shadow:0 5px 12px #4a3e2c18}.calendar-day.is-selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.calendar-day.is-today time:after{content:attr(data-today-label);color:var(--cinnabar);font:600 .55rem var(--sans);margin-left:.35rem}.calendar-day--disabled{color:#b7afa1;cursor:default;background:#f3efe633;border-color:#e8e1d4}.calendar-day--disabled span{display:none}.calendar-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.7rem 1rem;padding:.9rem .2rem 0;font-size:.66rem;display:flex}.calendar-legend span{align-items:center;gap:.35rem;display:inline-flex}.calendar-legend i{border-radius:50%;width:.62rem;height:.62rem}.legend-none{background:#bd6558}.legend-partial{background:#d7a647}.legend-complete{background:#5e8a6b}.calendar-detail{flex-direction:column;padding:1.25rem;display:flex;position:relative;overflow:hidden}.calendar-detail:after{content:"";opacity:.08;pointer-events:none;border:1px solid;border-radius:50%;width:10rem;height:10rem;position:absolute;bottom:-4.5rem;right:-4.5rem}.calendar-detail--none{color:#7d3027;background:linear-gradient(155deg,#fffaf4,#f4ded9)}.calendar-detail--partial{color:#76551d;background:linear-gradient(155deg,#fffaf4,#f4e5c7)}.calendar-detail--complete{color:#335e47;background:linear-gradient(155deg,#fffaf4,#dfeadd)}.calendar-detail>header{border-bottom:1px solid;justify-content:space-between;align-items:start;gap:1rem;padding-bottom:1rem;display:flex}.calendar-detail>header p{opacity:.72;margin:0 0 .3rem;font-size:.7rem}.calendar-detail h3{color:var(--ink);font:600 1.65rem var(--serif);margin:0}.calendar-detail>header>span{white-space:nowrap;border:1px solid;padding:.28rem .5rem;font-size:.65rem}.calendar-detail-counts{grid-template-columns:repeat(2,1fr);gap:.65rem;margin:1rem 0;display:grid}.calendar-detail-counts div{background:#fffdf780;border:1px solid #9a8c7455;gap:.15rem;padding:.75rem;display:grid}.calendar-detail-counts span,.calendar-practice-list span{color:var(--muted);font-size:.68rem}.calendar-detail-counts strong{color:var(--ink);font:600 1.65rem var(--serif)}.calendar-detail-counts small{opacity:.75;font-size:.58rem}.calendar-practice-list{border-top:1px solid #9a8c7455;margin-top:auto;display:grid}.calendar-practice-list>div{border-bottom:1px solid #9a8c7455;grid-template-columns:1fr auto;gap:.2rem .7rem;padding:.8rem 0;display:grid}.calendar-practice-list span{align-items:center;gap:.45rem;display:flex}.calendar-practice-list span small{border-left:1px solid;padding-left:.45rem;font-size:.56rem}.calendar-practice-list strong{color:var(--ink);font:600 1rem var(--serif)}.calendar-practice-list em{color:var(--muted);grid-column:1/-1;font-size:.6rem;font-style:normal}.calendar-detail--empty{min-height:360px;color:var(--muted);text-align:center;box-shadow:none;background:0 0;border-style:dashed;justify-content:center;align-items:center;gap:.75rem}.calendar-detail--empty>span{color:#cabda7;font:4rem var(--serif)}.calendar-detail--empty p{max-width:12rem;margin:0;font-size:.76rem;line-height:1.7}.settings-page>.import-panel{margin-top:1.25rem}.settings-card-heading{justify-content:space-between;align-items:start;gap:1.5rem;display:flex}.settings-card-heading h2{margin-bottom:.5rem}.settings-card-heading p{margin-bottom:0}.settings-icon--cinnabar{color:var(--cinnabar);border-color:var(--cinnabar)}.plan-selection{color:var(--cinnabar-dark);border:1px solid #d5a798;flex:none;padding:.3rem .6rem;font-size:.72rem}.daily-limit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0;display:grid}.daily-limit-grid label,.task-filters label{color:var(--muted);gap:.4rem;font-size:.78rem;display:grid}.number-input,.rank-input{align-items:center;gap:.5rem;display:flex}.number-input input,.rank-input input,.task-name,.task-filters select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdf7;padding:.65rem .7rem}.number-input small,.rank-input small{color:var(--muted);white-space:nowrap}.rank-range-hint{color:var(--muted);font-size:.68rem;line-height:1.35}.plan-progress{border-top:1px dashed var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-top:1.25rem;display:grid}.plan-progress>div{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:.4rem .8rem;font-size:.76rem;display:grid}.plan-progress strong{color:var(--ink);font-family:var(--serif)}.plan-progress i{background:var(--line);grid-column:1/-1;height:4px;display:block}.plan-progress i b{background:var(--known);height:100%;display:block}.study-tasks-card{margin-top:1.25rem}.study-tasks-card .settings-card-heading{align-items:center}.study-task-list{gap:.75rem;margin-top:1.5rem;display:grid}.study-task{border:1px solid var(--line);background:#fffdf780;padding:1rem;transition:border-color .2s,box-shadow .2s}.study-task.is-selected{border-color:#c9907d;box-shadow:3px 3px #ead5c7}.study-task-head{grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;display:grid}.task-toggle{color:var(--cinnabar-dark);white-space:nowrap;align-items:center;gap:.45rem;font-size:.76rem;display:inline-flex}.task-toggle input{accent-color:var(--cinnabar)}.task-name{font-weight:650}.icon-button{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:.4rem;font-size:.76rem;text-decoration:underline}.icon-button:hover{color:var(--cinnabar)}.task-summary{color:var(--muted);margin:.55rem 0 0;font-size:.72rem}.task-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.task-filters select{padding-block:.55rem}.task-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);padding:2rem}.task-empty b{color:#cbbda6;font:3rem var(--serif);margin-bottom:.5rem;display:block}.task-empty p{margin:0}.plan-actions{align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.save-hint{color:var(--known);font-size:.8rem}.save-error{color:var(--cinnabar-dark);font-size:.8rem}@media (width<=720px){.daily-board-heading,.settings-card-heading{flex-direction:column;align-items:start}.daily-board-heading .text-link{margin-top:-.75rem}.daily-grid,.daily-limit-grid,.plan-progress,.task-filters{grid-template-columns:1fr}.daily-card{min-height:220px}.srs-agenda>header{flex-direction:column;align-items:start}.srs-agenda-days{gap:.22rem}.srs-agenda-days li{padding-inline:0}.plan-selection{align-self:start}.study-tasks-card .settings-card-heading .button{width:100%}.study-task-head{grid-template-columns:auto 1fr}.study-task-head .icon-button{grid-area:1/2;justify-self:end}.plan-actions{flex-direction:column;align-items:stretch}.plan-actions .button{width:100%}.study-history-heading{flex-direction:column;align-items:start}.study-calendar-layout{grid-template-columns:1fr}.calendar-detail--empty{min-height:180px}.calendar-blank,.calendar-day{min-height:54px}.calendar-day{padding:.42rem}.calendar-day span{display:none}.calendar-day:before{width:1.55rem;height:1.55rem;bottom:.25rem;right:.25rem}}@media (width<=430px){.study-calendar-card{padding:.65rem}.calendar-grid{gap:.2rem}.calendar-blank,.calendar-day{min-height:46px}.calendar-day time{font-size:.86rem}.calendar-detail-counts{grid-template-columns:1fr}}:root{--admin-ink:#17222d;--admin-ink-soft:#344455;--admin-muted:#788798;--admin-faint:#aab5bf;--admin-line:#dfe5e8;--admin-canvas:#f3f6f6;--admin-panel:#fff;--admin-orange:#d96c45;--admin-orange-dark:#b74d2d;--admin-teal:#52b4a4;--admin-blue:#7388c7;--admin-warning:#c7872a;--admin-sidebar:#17222d}.admin-shell{min-height:100vh;color:var(--admin-ink);background:var(--admin-canvas);grid-template-columns:252px minmax(0,1fr);display:grid}.admin-sidebar{z-index:5;color:#d9e0e4;background:var(--admin-sidebar);border-right:1px solid #283641;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.admin-sidebar:before{content:"";pointer-events:none;opacity:.4;background:linear-gradient(120deg,#0000 0 45%,#47616e22 45% 46%,#0000 46% 100%),repeating-linear-gradient(0deg,#0000 0 49px,#ffffff08 50px);position:absolute;inset:0}.admin-brand{border-bottom:1px solid #ffffff12;align-items:center;gap:.8rem;padding:1.65rem 1.35rem 1.55rem;display:flex;position:relative}.admin-brand-mark{color:#fff5ec;background:var(--admin-orange);width:42px;height:42px;font:700 1.45rem var(--serif);place-items:center;display:grid;box-shadow:4px 4px #e5ad6b}.admin-brand strong{color:#fff;font:600 1.15rem var(--serif);letter-spacing:.12em;display:block}.admin-brand span{color:#8c9aa4;letter-spacing:.18em;margin-top:.18rem;font-size:.65rem;display:block}.admin-sidebar-scroll{scrollbar-width:thin;scrollbar-color:#50606b transparent;flex:1;min-height:0;padding:1.35rem .75rem;position:relative;overflow-y:auto}.admin-nav-group{margin-bottom:1.25rem}.admin-nav-group>p{color:#768791;letter-spacing:.18em;margin:0 .7rem .42rem;font-size:.63rem;font-weight:800}.admin-nav{gap:.18rem;display:grid}.admin-nav a{color:#aebbc1;border-left:2px solid #0000;border-radius:0 4px 4px 0;align-items:center;gap:.7rem;padding:.58rem .7rem;font-size:.8rem;text-decoration:none;transition:color .2s,background .2s,border-color .2s;display:flex;position:relative}.admin-nav a:hover{color:#fff;background:#ffffff0c}.admin-nav a.is-active{color:#fff;border-left-color:var(--admin-orange);background:linear-gradient(90deg,#d96c4525,#0000)}.admin-nav a i{color:#748691;border:1px solid #53646f;border-radius:3px;place-items:center;width:20px;height:20px;font-size:.69rem;font-style:normal;font-weight:700;display:grid}.admin-nav a.is-active i{color:#ffd4b4;border-color:var(--admin-orange);background:#d96c4529}.admin-nav-pulse{background:var(--admin-orange);border-radius:50%;width:5px;height:5px;margin-left:auto;box-shadow:0 0 0 4px #d96c4518}.admin-sidebar-footer{color:#82909a;letter-spacing:.04em;border-top:1px solid #ffffff12;padding:.9rem 1.3rem 1rem;font-size:.65rem;position:relative}.admin-status-dot,.admin-live i,.admin-data-chip i{background:var(--admin-teal);border-radius:50%;width:6px;height:6px;margin-right:.45rem;display:inline-block;box-shadow:0 0 0 4px #52b4a41f}.admin-main{min-width:0}.admin-topbar{border-bottom:1px solid var(--admin-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc9;justify-content:space-between;align-items:center;min-height:72px;padding:0 clamp(1.2rem,4vw,3.8rem);display:flex}.admin-breadcrumb{color:var(--admin-muted);align-items:center;gap:.7rem;font-size:.75rem;display:flex}.admin-breadcrumb b{color:#c5cdd1;font-weight:400}.admin-breadcrumb strong{color:var(--admin-ink-soft);font-weight:600}.admin-account{align-items:center;gap:.65rem;display:flex}.admin-account>span:nth-child(2){gap:.12rem;display:grid}.admin-account b{font-size:.75rem}.admin-account small{color:var(--admin-muted);font-size:.61rem}.admin-avatar,.admin-user-avatar{color:#fff7f0;background:var(--admin-ink);border-radius:50%;flex:none;place-items:center;font-size:.68rem;font-weight:800;display:grid}.admin-avatar{width:30px;height:30px}.admin-user-avatar{color:#fff;background:#445e6e;width:33px;height:33px}.admin-logout{color:var(--admin-muted);border:0;border-left:1px solid var(--admin-line);cursor:pointer;background:0 0;margin-left:.8rem;padding:.35rem .55rem;font-size:.68rem}.admin-logout:hover{color:var(--admin-orange-dark)}.admin-content{width:min(100%,1500px);margin:0 auto;padding:clamp(1.35rem,3.8vw,4rem)}.admin-page-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.admin-page-heading h1{color:var(--admin-ink);font:650 clamp(2.2rem, 4vw, 3.8rem)/1 var(--serif);letter-spacing:-.035em;margin:.3rem 0 .65rem}.admin-page-heading>div>p:last-child{color:var(--admin-muted);margin:0;font-size:.88rem}.admin-kicker{color:var(--admin-orange-dark);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:850}.admin-heading-actions{align-items:center;gap:.8rem;padding-bottom:.28rem;display:flex}.admin-heading-summary{border-left:1px solid var(--admin-line);gap:.15rem;padding:.7rem 0 .3rem 2rem;display:grid}.admin-heading-summary strong{font-size:1.45rem}.admin-heading-summary span{color:var(--admin-muted);font-size:.68rem}.admin-live,.admin-data-chip{color:var(--admin-muted);white-space:nowrap;font-size:.68rem}.admin-live i{margin-right:.35rem}.admin-outline-button,.admin-primary-button{border:1px solid var(--admin-line);color:var(--admin-ink-soft);cursor:pointer;background:#fff;padding:.65rem .85rem;font-size:.72rem;font-weight:700;transition:border .2s,background .2s,color .2s}.admin-outline-button:hover{color:var(--admin-orange-dark);border-color:var(--admin-orange);background:#fff9f5}.admin-primary-button{color:#fff;border-color:var(--admin-ink);background:var(--admin-ink)}.admin-primary-button:hover{border-color:var(--admin-orange-dark);background:var(--admin-orange-dark)}.admin-heading-actions a{text-decoration:none}.admin-outline-button:disabled,.admin-primary-button:disabled{cursor:not-allowed;opacity:.52}.admin-outline-button:disabled:hover,.admin-primary-button:disabled:hover{color:inherit;border-color:var(--admin-line);background:#fff}.admin-error{color:#8d4d21;background:#fff7e9;border:1px solid #e5ba80;justify-content:space-between;gap:1rem;margin:1rem clamp(1.2rem,4vw,3.8rem) 0;padding:.75rem 1rem;font-size:.75rem;display:flex}.admin-error button{color:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.admin-kpi-grid{border:1px solid var(--admin-line);background:var(--admin-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:1.15rem;display:grid}.admin-kpi-card{background:var(--admin-panel);min-height:160px;padding:1.35rem;position:relative;overflow:hidden}.admin-kpi-card--accent{background:#fffaf7}.admin-kpi-label{color:var(--admin-muted);justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.admin-kpi-label i{width:23px;height:23px;color:var(--admin-orange-dark);border:1px solid #e7b39f;border-radius:50%;place-items:center;font-size:.62rem;font-style:normal;font-weight:800;display:grid}.admin-kpi-label i.is-warning{color:#fff;border-color:var(--admin-warning);background:var(--admin-warning)}.admin-kpi-card>strong{letter-spacing:-.05em;margin:.75rem 0 .3rem;font-size:clamp(1.8rem,3vw,2.65rem);display:block}.admin-kpi-card p{color:var(--admin-muted);margin:0;font-size:.68rem}.admin-kpi-card p em{color:var(--admin-teal);font-style:normal;font-weight:800}.admin-sparkline{opacity:.85;width:55%;height:50px;position:absolute;bottom:-.2rem;right:-1rem}.admin-dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:1.15rem;margin-bottom:1.15rem;display:grid}.admin-dashboard-grid--bottom{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.admin-panel{border:1px solid var(--admin-line);background:var(--admin-panel)}.admin-panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.35rem 1.45rem 0;display:flex}.admin-panel-heading h2{font:600 1.18rem var(--serif);margin:.35rem 0 0}.admin-panel-period{color:var(--admin-muted);font-size:.65rem}.admin-alert-count{color:var(--admin-teal);background:#f4fcfa;border:1px solid #a6d8d0;padding:.3rem .45rem;font-size:.65rem}.admin-alert-count.is-warning{color:#9a651d;background:#fffbf1;border-color:#efd29f}.admin-trend-legend{color:var(--admin-muted);align-items:center;gap:1.2rem;margin:1.55rem 1.45rem .4rem;font-size:.68rem;display:flex}.admin-trend-legend>span{white-space:nowrap}.legend-dot{border-radius:50%;width:7px;height:7px;margin-right:.38rem;display:inline-block}.legend-dot--orange{background:var(--admin-orange)}.legend-dot--teal{background:var(--admin-teal)}.admin-trend-total{color:var(--admin-ink);margin-left:auto;font-size:1.35rem;font-weight:700}.admin-trend-total small{color:var(--admin-muted);text-align:right;margin-top:.1rem;font-size:.6rem;font-weight:400;display:block}.admin-big-chart{margin:0 1.45rem;padding-left:1.8rem;position:relative}.admin-big-chart:before{content:"";background:repeating-linear-gradient(0deg,#0000 0 49px,#dfe5e855 50px);position:absolute;inset:0 0 1.5rem 1.8rem}.admin-big-chart svg{width:100%;height:210px;display:block;position:relative}.chart-y-axis{color:var(--admin-faint);flex-direction:column;justify-content:space-between;font-size:.58rem;display:flex;position:absolute;inset:0 auto 1.55rem 0}.chart-x-axis{color:var(--admin-faint);justify-content:space-between;font-size:.6rem;display:flex}.admin-mini-stats{border-top:1px solid var(--admin-line);grid-template-columns:repeat(3,1fr);margin:1.25rem 1.45rem 1.4rem;display:grid}.admin-mini-stats div{padding-top:.85rem}.admin-mini-stats div+div{border-left:1px solid var(--admin-line);padding-left:1rem}.admin-mini-stats span{color:var(--admin-muted);font-size:.62rem;display:block}.admin-mini-stats strong{margin-top:.25rem;font-size:1.1rem;display:block}.admin-alert-list{margin-top:1.3rem}.admin-alert-row{border-top:1px solid #edf0f1;grid-template-columns:25px 1fr 18px;align-items:start;gap:.7rem;padding:.85rem 1.45rem;display:grid}.admin-alert-row:hover{background:#fafcfc}.admin-alert-icon{width:21px;height:21px;color:var(--admin-muted);border:1px solid #d1dadd;border-radius:50%;place-items:center;font-size:.65rem;font-weight:800;display:grid}.admin-alert-row--warning .admin-alert-icon{color:#a06b1e;background:#fff9eb;border-color:#eac988}.admin-alert-row--success .admin-alert-icon{color:#378e80;background:#f2fbf9;border-color:#b0ded6}.admin-alert-row strong{font-size:.72rem;display:block}.admin-alert-row strong b{color:var(--admin-orange-dark);margin-left:.45rem;font-size:.65rem}.admin-alert-row p{color:var(--admin-muted);margin:.25rem 0 0;font-size:.63rem;line-height:1.45}.admin-alert-arrow{color:#b7c1c6;font-size:.8rem}.admin-panel-link{color:var(--admin-orange-dark);border-top:1px solid var(--admin-line);justify-content:space-between;align-items:center;gap:1rem;margin:.35rem 1.45rem 1.25rem;padding-top:.9rem;font-size:.68rem;font-weight:700;text-decoration:none;display:flex}.admin-panel-link:hover{color:var(--admin-ink)}.admin-panel-link--top{border:0;margin:0;padding:0;display:inline-flex}.admin-recent-users{margin:1.25rem 1.45rem 1.15rem}.admin-recent-user{color:inherit;border-top:1px solid #edf0f1;grid-template-columns:34px 1fr auto 18px;align-items:center;gap:.65rem;padding:.7rem .1rem;text-decoration:none;display:grid}.admin-recent-user:hover strong{color:var(--admin-orange-dark)}.admin-recent-user>span:nth-child(2){gap:.18rem;display:grid}.admin-recent-user strong{font-size:.72rem;transition:color .2s}.admin-recent-user small{color:var(--admin-muted);font-size:.6rem}.admin-recent-user>b{color:var(--admin-ink-soft);font-size:.8rem}.admin-recent-user>b small{font-weight:400}.admin-arrow{color:#b2bdc2}.admin-muted{color:var(--admin-muted);padding:1.5rem;font-size:.75rem}.admin-activity-list{margin:1.25rem 1.45rem 1.3rem}.admin-activity-row{border-top:1px solid #edf0f1;grid-template-columns:11px 1fr auto;align-items:start;gap:.75rem;padding:.7rem 0;display:grid}.activity-mark{background:var(--admin-blue);border-radius:2px;width:8px;height:8px;margin-top:.3rem}.activity-mark--account{background:var(--admin-orange)}.activity-mark--content{background:var(--admin-teal)}.admin-activity-row strong{font-size:.7rem;display:block}.admin-activity-row p{color:var(--admin-muted);margin:.18rem 0 0;font-size:.62rem}.admin-activity-row time{color:var(--admin-faint);white-space:nowrap;font-size:.58rem}.admin-dashboard-footnote{color:var(--admin-muted);background:#f8fbfb;border:1px dashed #cbd6da;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.15rem;font-size:.66rem;display:grid}.admin-dashboard-footnote>span{color:var(--admin-teal);letter-spacing:.1em;font-weight:800}.admin-dashboard-footnote p{margin:0}.admin-dashboard-footnote a{color:var(--admin-orange-dark);white-space:nowrap;font-weight:700;text-decoration:none}.admin-user-stat-strip,.admin-content-summary{border:1px solid var(--admin-line);background:var(--admin-line);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:1.15rem;display:grid}.admin-user-stat-strip div,.admin-content-summary div{background:#fff;justify-content:space-between;align-items:baseline;gap:.7rem;padding:1.1rem 1.2rem;display:flex}.admin-user-stat-strip span,.admin-content-summary span{color:var(--admin-muted);font-size:.68rem}.admin-user-stat-strip strong,.admin-content-summary strong{letter-spacing:-.04em;font-size:1.4rem}.admin-table-panel{overflow:hidden}.admin-toolbar{border-bottom:1px solid var(--admin-line);background:#fafcfc;align-items:center;gap:.7rem;padding:1rem 1.25rem;display:flex}.admin-search{border:1px solid var(--admin-line);background:#fff;align-items:center;gap:.5rem;width:min(330px,100%);padding:.55rem .65rem;display:flex}.admin-search>span{color:var(--admin-faint);font-size:1.1rem;line-height:.8}.admin-search input{width:100%;min-width:0;color:var(--admin-ink);background:0 0;border:0;outline:0;font-size:.72rem}.admin-search input::placeholder{color:#aab5ba}.admin-toolbar select{color:var(--admin-ink-soft);border:1px solid var(--admin-line);background:#fff;padding:.6rem .7rem;font-size:.69rem}.admin-result-count{color:var(--admin-muted);margin-left:auto;font-size:.65rem}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;min-width:900px}.admin-table th{color:var(--admin-muted);letter-spacing:.04em;white-space:nowrap;background:#f6f9f9;padding:.75rem 1rem;font-size:.61rem;font-weight:700}.admin-table td{color:var(--admin-ink-soft);white-space:nowrap;border-top:1px solid #edf0f1;padding:.9rem 1rem;font-size:.68rem}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover,.admin-table tbody tr.is-selected{background:#fffaf7}.admin-table-user{align-items:center;gap:.65rem;display:flex}.admin-table-user>div{gap:.18rem;display:grid}.admin-table-user strong{color:var(--admin-ink);font-size:.72rem}.admin-table-user small{color:var(--admin-muted);font-size:.59rem}.admin-role-badge,.admin-content-status{border:1px solid;padding:.24rem .42rem;font-size:.6rem;font-weight:700;display:inline-block}.admin-role-badge--admin{color:#9a5b23;background:#fff9ed;border-color:#e9c291}.admin-role-badge--user{color:#397f75;background:#f1fbf9;border-color:#a9d9d1}.admin-progress-cell{min-width:105px}.admin-progress-cell strong{color:var(--admin-ink)}.admin-progress-cell>span{color:var(--admin-muted);font-size:.6rem}.admin-progress-cell i{background:#e8eeef;width:100%;height:3px;margin-top:.35rem;display:block}.admin-progress-cell i b{background:var(--admin-teal);height:100%;display:block}.admin-number-warn{color:var(--admin-orange-dark);font-weight:800}.admin-number-good{color:var(--admin-teal);font-weight:800}.admin-row-action{color:var(--admin-orange-dark);cursor:pointer;background:0 0;border:1px solid #0000;padding:.35rem .45rem;font-size:.65rem;font-weight:700}.admin-row-action:hover{background:#fff6f2;border-color:#e9b6a3}.admin-no-results{min-height:170px;color:var(--admin-muted);place-items:center;gap:.35rem;display:grid}.admin-no-results strong{color:var(--admin-ink-soft);font-size:.85rem}.admin-no-results span{font-size:.68rem}.admin-user-detail,.admin-character-detail{background:#fffaf7;border:1px solid #d9c9bd;margin-top:1.15rem;padding:1.45rem}.admin-detail-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.35rem;display:flex}.admin-detail-heading h2{font:600 1.55rem var(--serif);margin:.35rem .65rem .55rem 0;display:inline-block}.admin-detail-status{color:var(--admin-teal);font-size:.68rem}.admin-detail-status i{background:var(--admin-teal);border-radius:50%;width:7px;height:7px;margin-right:.4rem;display:inline-block}.admin-detail-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.admin-detail-block{background:#fff;border:1px solid #eaded6;padding:1rem}.admin-detail-block--wide{grid-column:span 2}.admin-detail-block>p,.admin-character-detail-grid>div>p{color:var(--admin-orange-dark);letter-spacing:.1em;margin:0 0 .8rem;font-size:.64rem;font-weight:800}.admin-detail-block dl{gap:.6rem;margin:0;display:grid}.admin-detail-block dl div{border-bottom:1px dashed #e5e9e9;justify-content:space-between;gap:1rem;padding-bottom:.45rem;display:flex}.admin-detail-block dt{color:var(--admin-muted);font-size:.64rem}.admin-detail-block dd{color:var(--admin-ink-soft);text-align:right;margin:0;font-size:.68rem}.admin-membership-empty{gap:.45rem;padding:.2rem 0;display:grid}.admin-membership-empty strong{color:var(--admin-ink-soft);font-size:.73rem}.admin-membership-empty span{color:var(--admin-muted);font-size:.63rem;line-height:1.55}.admin-detail-metrics{background:#e8ded7;grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.admin-detail-metrics div{background:#fffdfb;gap:.35rem;padding:.75rem;display:grid}.admin-detail-metrics strong{font-size:1.25rem}.admin-detail-metrics span{color:var(--admin-muted);font-size:.6rem}.admin-review-summary{flex-wrap:wrap;gap:1.4rem;display:flex}.admin-review-summary span{color:var(--admin-muted);font-size:.68rem}.admin-review-summary b{color:var(--admin-ink);margin-left:.25rem}.review-status-dot{border-radius:50%;width:7px;height:7px;margin-right:.35rem;display:inline-block}.review-status-dot--overdue{background:var(--admin-orange)}.review-status-dot--known{background:var(--admin-teal)}.review-status-dot--new{background:#c4cdd1}.admin-character-cell{color:var(--admin-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:0;display:flex}.admin-character-cell b{font:500 1.55rem var(--serif)}.admin-character-cell small{color:var(--admin-orange-dark);font-size:.56rem}.admin-pinyin-cell{font-weight:600;color:var(--admin-ink-soft)!important}.admin-sentence-cell{text-overflow:ellipsis;max-width:230px;display:block;overflow:hidden}.admin-empty-cell{color:var(--admin-warning);font-size:.64rem}.admin-content-status--published{color:#3b8d82;background:#f1fbf8;border-color:#adddd5}.admin-content-status--review{color:#9b6a22;background:#fffaed;border-color:#eac98d}.admin-content-status--warning{color:#a94f33;background:#fff5f1;border-color:#e8b7a6}.admin-character-detail{color:var(--admin-ink);background:#f7fbfb;border-color:#c9d9d9}.admin-character-hero{border-bottom:1px solid #dbe8e7;align-items:center;gap:1.1rem;padding-bottom:1.2rem;display:flex}.admin-character-hero>span{color:var(--admin-orange-dark);font:500 4.5rem/1 var(--serif)}.admin-character-hero h2{font:600 1.4rem var(--serif);margin:.3rem 0}.admin-character-hero p:last-child{color:var(--admin-muted);margin:0;font-size:.7rem}.admin-detail-close{color:var(--admin-muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-left:auto;font-size:1.7rem;line-height:1}.admin-character-detail-grid{grid-template-columns:1fr 1fr;gap:1.4rem;padding:1.35rem 0;display:grid}.admin-character-detail-grid>div{background:#fff;border:1px solid #dbe8e7;padding:1rem}.admin-character-detail-grid dl{gap:.7rem;margin:0;display:grid}.admin-character-detail-grid dl div{gap:.25rem;display:grid}.admin-character-detail-grid dt{color:var(--admin-muted);font-size:.62rem}.admin-character-detail-grid dd{color:var(--admin-ink-soft);margin:0;font-size:.72rem;line-height:1.5}.admin-pronunciation-list{gap:.7rem;display:grid}.admin-pronunciation-list>div{border-bottom:1px dashed #dbe8e7;grid-template-columns:55px 1fr;gap:.2rem .7rem;padding-bottom:.6rem;display:grid}.admin-pronunciation-list b{color:var(--admin-orange-dark)}.admin-pronunciation-list span,.admin-pronunciation-list small{color:var(--admin-ink-soft);font-size:.68rem}.admin-pronunciation-list small{color:var(--admin-muted);grid-column:2}.admin-detail-actions{gap:.65rem;display:flex}.admin-search-group{width:min(430px,100%);display:flex}.admin-search-group>select{border-right:0;flex:none;font-weight:700}.admin-search-group .admin-search{flex:auto;width:auto}.admin-filter-group{flex-wrap:wrap;gap:.45rem;display:flex}.admin-pinyin-list{gap:.32rem;display:grid}.admin-pinyin-list>span{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.admin-pinyin-list>span>b{min-width:3.5rem;color:var(--admin-ink-soft);font:700 .68rem var(--sans)}.admin-pinyin-list .audio-control{min-height:0}.admin-pinyin-list .audio-play-button{width:auto;min-width:2rem;color:var(--admin-teal);font:700 .58rem var(--sans);background:#f5fbfa;border-color:#b8d7d2;border-radius:2px;padding:.22rem .38rem}.admin-pinyin-list .audio-play-button:hover{color:var(--admin-orange-dark);background:#fff8f4;border-color:#dfac97}.admin-pinyin-list .audio-play-button>span{font-size:.48rem}.admin-module-page .admin-page-heading{margin-bottom:2.3rem}.admin-coming-badge{color:#8c6b2e;background:#fff9ea;border:1px solid #e2c790;align-self:center;padding:.35rem .55rem;font-size:.65rem;font-weight:800}.admin-module-hero{color:#eaf2f3;background:linear-gradient(120deg,#1d303c,#27434a);grid-template-columns:85px 1fr;align-items:center;gap:1.6rem;margin-bottom:1.15rem;padding:2rem;display:grid}.admin-module-icon{color:#ffd7bd;width:72px;height:72px;font:600 1.7rem var(--serif);background:#d96c4520;border:1px solid #d96c4588;place-items:center;display:grid}.admin-module-hero h2{color:#fff;font:600 clamp(1.4rem, 2vw, 2rem) var(--serif);margin:.35rem 0 .55rem}.admin-module-hero p:last-child{color:#b8c9cc;max-width:660px;margin:0;font-size:.76rem;line-height:1.7}.admin-module-hero .admin-kicker{color:#e9aa80}.admin-module-grid{border:1px solid var(--admin-line);background:var(--admin-line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.admin-module-grid article{background:#fff;min-height:150px;padding:1.35rem}.admin-module-grid article>span{color:var(--admin-orange);font:700 .7rem/1 var(--sans)}.admin-module-grid h3{font:600 1rem var(--serif);margin:.9rem 0 .35rem}.admin-module-grid p{color:var(--admin-muted);margin:0;font-size:.65rem}.admin-module-note{color:var(--admin-muted);background:#f8fbfb;border:1px dashed #cbd6da;align-items:center;gap:.75rem;margin-top:1.15rem;padding:1rem 1.15rem;font-size:.68rem;display:flex}.admin-module-note strong{color:var(--admin-ink-soft)}.admin-module-note span{border-left:1px solid var(--admin-line);padding-left:.75rem}.admin-loading,.admin-empty{text-align:center;align-content:center;place-items:center;gap:.6rem;min-height:55vh;display:grid}.admin-loader-mark{color:#fff;background:var(--admin-ink);width:60px;height:60px;box-shadow:4px 4px 0 var(--admin-orange);font:500 1.8rem var(--serif);place-items:center;animation:1.2s ease-in-out infinite alternate admin-breathe;display:grid}.admin-loading p,.admin-empty p{color:var(--admin-muted);margin:0;font-size:.75rem}.admin-empty h1{font:600 1.7rem var(--serif);margin:0}@keyframes admin-breathe{to{opacity:.7;transform:translateY(-4px)}}.admin-ai-health{color:#8c6028;background:#fff9e9;border:1px solid #e3c899;align-items:center;gap:.45rem;padding:.5rem .65rem;font-size:.64rem;font-weight:700;display:inline-flex}.admin-ai-health i{background:#d8a347;border-radius:50%;width:7px;height:7px}.admin-ai-health.is-ready{color:#397d70;background:#f1fbf8;border-color:#afd9d1}.admin-ai-health.is-ready i{background:var(--admin-teal)}.admin-ai-flash{background:#fff;border-left:3px solid;margin:-1rem 0 1.1rem;padding:.75rem 1rem;font-size:.68rem}.admin-ai-overview{border:1px solid var(--admin-line);background:var(--admin-line);grid-template-columns:1.4fr 1fr 1fr;gap:1px;margin-bottom:1.15rem;display:grid}.admin-ai-overview>div{background:#fff;grid-template-columns:1fr auto;gap:.3rem 1rem;padding:1.05rem 1.2rem;display:grid}.admin-ai-overview span{color:var(--admin-muted);font-size:.63rem}.admin-ai-overview strong{color:var(--admin-ink);font:600 1.05rem var(--serif);grid-area:1/2/span 2;align-self:center}.admin-ai-overview small{color:var(--admin-faint);font-size:.59rem}.admin-ai-create-panel{background:#fffaf7;border-color:#e0c2b2;margin-bottom:1.15rem;padding-bottom:1.1rem}.admin-ai-create-panel form{grid-template-columns:1fr 1.5fr 1fr auto;align-items:end;gap:.8rem;padding:1rem 1.4rem;display:grid}.admin-ai-create-panel label,.admin-ai-provider-form label{gap:.35rem;display:grid}.admin-ai-create-panel label span,.admin-ai-provider-form label span,.admin-ai-prompt label>span{color:var(--admin-muted);font-size:.62rem;font-weight:700}.admin-ai-create-panel input,.admin-ai-provider-form input,.admin-ai-secret input,.admin-ai-prompt textarea{width:100%;color:var(--admin-ink);border:1px solid var(--admin-line);background:#fff;outline:0;padding:.65rem .7rem;font-size:.7rem}.admin-ai-create-panel input:focus,.admin-ai-provider-form input:focus,.admin-ai-secret input:focus,.admin-ai-prompt textarea:focus{border-color:var(--admin-orange);box-shadow:0 0 0 2px #d96c4518}.admin-ai-create-panel form>div{gap:.45rem;display:flex}.admin-ai-create-panel>p{color:var(--admin-muted);margin:0 1.4rem;font-size:.61rem}.admin-secondary-button{color:var(--admin-ink-soft);border:1px solid var(--admin-line);cursor:pointer;background:#fff;padding:.58rem .72rem;font-size:.64rem;font-weight:700}.admin-secondary-button:hover:not(:disabled){color:var(--admin-orange-dark);background:#fff8f4;border-color:#dfac97}.admin-secondary-button:disabled{cursor:not-allowed;opacity:.45}.admin-ai-grid{grid-template-columns:minmax(250px,.72fr) minmax(480px,1.28fr);gap:1.15rem;margin-bottom:1.15rem;display:grid}.admin-ai-providers,.admin-ai-config{min-height:440px}.admin-ai-providers .admin-panel-heading>span{color:var(--admin-muted);font-size:.62rem}.admin-ai-provider-list{padding:.8rem}.admin-ai-provider-list>button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-top-color:#edf0f1;grid-template-columns:40px 1fr auto;align-items:center;gap:.65rem;padding:.75rem;display:grid}.admin-ai-provider-list>button:first-child{border-top-color:#0000}.admin-ai-provider-list>button:hover{background:#fafcfc}.admin-ai-provider-list>button.is-selected{box-shadow:inset 3px 0 var(--admin-teal);background:#f5f9f9;border-color:#d6e0e1}.admin-ai-provider-list>button>i{color:#fff;background:var(--admin-ink-soft);letter-spacing:.05em;place-items:center;width:38px;height:38px;font-size:.62rem;font-style:normal;font-weight:800;display:grid}.admin-ai-provider-list>button.is-active>i{background:var(--admin-orange)}.admin-ai-provider-list>button>span{gap:.22rem;min-width:0;display:grid}.admin-ai-provider-list strong{color:var(--admin-ink);font-size:.7rem}.admin-ai-provider-list strong em{color:#397f75;background:#f1fbf9;border:1px solid #b5dcd6;margin-left:.4rem;padding:.14rem .28rem;font-size:.5rem;font-style:normal}.admin-ai-provider-list small{max-width:150px;color:var(--admin-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;overflow:hidden}.admin-ai-provider-list>button>b{color:#a45b37;font-size:.53rem}.admin-ai-provider-list>button>b.has-key{color:var(--admin-teal)}.admin-ai-config-body{padding:1rem 1.4rem 1.4rem}.admin-ai-provider-form{border-bottom:1px solid var(--admin-line);grid-template-columns:1fr 1.45fr 1fr auto;align-items:end;gap:.7rem;padding-bottom:1.3rem;display:grid}.admin-ai-secret{background:#fffaf5;border:1px solid #e7ddd1;margin-top:1.2rem;padding:1rem}.admin-ai-secret>div{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-ai-secret>div span{color:var(--admin-ink);font-size:.7rem;font-weight:800}.admin-ai-secret>div b{color:#9f5734;font:600 .72rem var(--sans)}.admin-ai-secret>div b.is-ready{color:var(--admin-teal)}.admin-ai-secret>p{max-width:680px;color:var(--admin-muted);margin:.5rem 0 .85rem;font-size:.6rem;line-height:1.6}.admin-ai-secret code{color:var(--admin-orange-dark);background:#f4e9de;padding:.12rem .25rem}.admin-ai-secret>label{max-width:560px;display:flex}.admin-ai-secret>label input{min-width:0}.admin-ai-secret>label button{color:#fff;background:var(--admin-ink-soft);cursor:pointer;border:0;flex:none;padding:.6rem .8rem;font-size:.63rem;font-weight:700}.admin-ai-secret>label button:disabled{cursor:not-allowed;opacity:.45}.admin-danger-link{color:#b0553c;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:.65rem;padding:0;font-size:.6rem;text-decoration:underline}.admin-ai-prompt{overflow:hidden}.admin-ai-prompt .admin-panel-heading{border-bottom:1px solid var(--admin-line);align-items:flex-end;padding-bottom:1.1rem}.admin-ai-prompt .admin-panel-heading h2{margin-bottom:.35rem}.admin-ai-prompt .admin-panel-heading p:last-child{color:var(--admin-muted);margin:0;font-size:.63rem}.admin-ai-prompt .admin-panel-heading>div:last-child{gap:.55rem;display:flex}.admin-ai-prompt-grid{grid-template-columns:1.1fr .9fr;min-height:480px;display:grid}.admin-ai-prompt-grid>label{grid-template-rows:auto 1fr;gap:.5rem;padding:1.15rem 1.35rem;display:grid}.admin-ai-prompt textarea{resize:vertical;min-height:420px;font:.68rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.admin-ai-prompt aside{border-left:1px solid var(--admin-line);background:#f7fafa;min-width:0;padding:1.15rem 1.35rem}.admin-ai-prompt aside>span{color:var(--admin-muted);font-size:.62rem;font-weight:700}.admin-ai-prompt pre{max-height:310px;color:var(--admin-ink-soft);white-space:pre-wrap;background:#fff;border:1px solid #dce5e6;margin:.55rem 0 1rem;padding:.9rem;font:.63rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.admin-ai-prompt aside>div{flex-wrap:wrap;gap:.4rem;display:flex}.admin-ai-prompt aside strong{width:100%;color:var(--admin-ink);margin-bottom:.15rem;font-size:.64rem}.admin-ai-prompt aside code{color:#39786f;background:#f1fbf9;border:1px solid #b7d9d4;padding:.3rem .4rem;font-size:.58rem}.admin-ai-prompt aside>p{color:var(--admin-muted);margin:1rem 0 0;font-size:.59rem;line-height:1.6}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;top:0;left:0;overflow:hidden}@media (width<=1120px){.admin-shell{grid-template-columns:218px minmax(0,1fr)}.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid,.admin-dashboard-grid--bottom{grid-template-columns:1fr}.admin-ai-provider-form{grid-template-columns:1fr 1fr}.admin-ai-provider-form .admin-primary-button{justify-self:start}.admin-ai-create-panel form{grid-template-columns:1fr 1fr}}@media (width<=760px){.admin-shell{display:block}.admin-sidebar{height:auto;position:relative}.admin-brand{padding:1rem 1.2rem}.admin-sidebar-scroll{padding:.7rem .6rem;overflow-x:auto}.admin-nav{gap:.3rem;width:max-content;display:flex}.admin-nav-group{align-items:center;gap:.25rem;margin:0;display:flex}.admin-nav-group>p{display:none}.admin-nav a{border:0;border-radius:3px;padding:.5rem .6rem}.admin-nav a span{white-space:nowrap}.admin-sidebar-footer{display:none}.admin-topbar{min-height:58px;padding:0 1rem}.admin-breadcrumb{font-size:.68rem}.admin-account>span:nth-child(2),.admin-logout{display:none}.admin-content{padding:1.3rem 1rem 2.5rem}.admin-page-heading{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.4rem}.admin-page-heading h1{font-size:2.35rem}.admin-heading-actions{padding:0}.admin-heading-summary{border:0;border-top:1px solid var(--admin-line);align-self:stretch;padding:.65rem 0 0}.admin-kpi-grid,.admin-user-stat-strip,.admin-content-summary{grid-template-columns:repeat(2,1fr)}.admin-kpi-card{min-height:140px;padding:1rem}.admin-panel-heading{padding:1.1rem 1rem 0}.admin-trend-legend,.admin-big-chart,.admin-mini-stats{margin-left:1rem;margin-right:1rem}.admin-trend-total{font-size:1rem}.admin-alert-row{padding-left:1rem;padding-right:1rem}.admin-panel-link,.admin-recent-users,.admin-activity-list{margin-left:1rem;margin-right:1rem}.admin-dashboard-footnote{grid-template-columns:1fr;gap:.45rem}.admin-dashboard-footnote a{white-space:normal}.admin-toolbar{flex-wrap:wrap;padding:.75rem}.admin-search{width:100%}.admin-result-count{margin-left:0}.admin-detail-grid,.admin-character-detail-grid{grid-template-columns:1fr}.admin-detail-block--wide{grid-column:auto}.admin-detail-metrics{grid-template-columns:repeat(3,1fr)}.admin-module-hero{grid-template-columns:1fr;padding:1.35rem}.admin-module-grid{grid-template-columns:1fr}.admin-module-note{flex-direction:column;align-items:flex-start}.admin-module-note span{border-top:1px solid var(--admin-line);border-left:0;padding:.55rem 0 0}.admin-ai-overview,.admin-ai-grid,.admin-ai-prompt-grid{grid-template-columns:1fr}.admin-ai-prompt aside{border-top:1px solid var(--admin-line);border-left:0}.admin-ai-create-panel form,.admin-ai-provider-form{grid-template-columns:1fr}.admin-ai-prompt .admin-panel-heading{align-items:flex-start}.admin-ai-prompt .admin-panel-heading>div:last-child{margin-top:.7rem}.admin-ai-provider-form .admin-primary-button{justify-self:stretch}}.admin-practice-import{align-items:center;gap:1rem;margin-bottom:1.15rem;padding:1rem 1.2rem;display:flex}.admin-practice-import>div{flex:1}.admin-practice-import strong{color:var(--admin-ink);font-size:.72rem}.admin-practice-import p{color:var(--admin-muted);margin:.25rem 0 0;font-size:.62rem}.admin-practice-import select{color:var(--admin-ink-soft);border:1px solid var(--admin-line);background:#fff;padding:.62rem .7rem;font-size:.68rem}.admin-practice-import a{text-decoration:none}.admin-import-message{color:#397f75;background:#f1fbf9;border:1px solid #a9d9d1;margin:0 0 1rem;padding:.75rem 1rem;font-size:.68rem}.admin-practice-table{min-width:1120px}.admin-practice-prompt{text-overflow:ellipsis;max-width:320px;display:block;overflow:hidden}.admin-practice-options-cell{color:var(--admin-muted)}.admin-practice-table code{color:var(--admin-muted);font-size:.6rem}.admin-practice-type{color:#397f75;background:#f1fbf9;border:1px solid #a9d9d1;padding:.25rem .42rem;font-size:.58rem;font-weight:800;display:inline-block}.admin-practice-type--synonym{color:#91631e;background:#fff9eb;border-color:#e8cd98}.admin-practice-type--antonym{color:#a34f36;background:#fff5f1;border-color:#e7b7a8}.admin-practice-type--lookalike{color:#5b5a91;background:#f7f6ff;border-color:#c5c4df}.admin-practice-editor{border:1px solid var(--admin-line);background:#fff;margin-top:1.15rem;scroll-margin-top:1rem}.admin-practice-editor>header{color:#fff;background:linear-gradient(120deg,#1d303c,#27434a);justify-content:space-between;gap:1rem;padding:1.35rem 1.45rem;display:flex}.admin-practice-editor h2{font:600 1.35rem var(--serif);margin:.35rem 0}.admin-practice-editor header p:last-child{color:#b8c9cc;margin:0;font-size:.62rem}.admin-practice-editor>form{gap:1rem;padding:1.35rem 1.45rem;display:grid}.admin-practice-editor label{gap:.4rem;min-width:0;display:grid}.admin-practice-editor label>span,.admin-practice-editor legend{color:var(--admin-ink-soft);font-size:.64rem;font-weight:800}.admin-practice-editor input,.admin-practice-editor textarea{box-sizing:border-box;width:100%;color:var(--admin-ink);border:1px solid var(--admin-line);font:.7rem/1.5 var(--sans);background:#fff;padding:.65rem .7rem}.admin-practice-editor input[readonly]{color:var(--admin-muted);background:#f6f8f8}.admin-practice-editor small{color:var(--admin-muted);font-size:.57rem;line-height:1.5}.admin-practice-readonly,.admin-practice-answer-grid,.admin-practice-options{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.admin-practice-editor fieldset{border:1px solid var(--admin-line);margin:0;padding:1rem}.admin-practice-editor legend{padding:0 .35rem}.admin-practice-options{grid-template-columns:repeat(4,1fr)}.admin-practice-editor .admin-detail-actions{padding-top:.2rem}.admin-article-usage{grid-template-columns:repeat(9,1fr)}.admin-article-table{min-width:1100px}.admin-article-title-button{min-width:190px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:.22rem;padding:0;display:grid}.admin-article-title-button strong{color:var(--admin-orange-dark)}.admin-article-title-button small{color:var(--admin-faint);font:.56rem ui-monospace,SFMono-Regular,Consolas,monospace}.admin-article-title-button:hover strong,.admin-article-title-button:focus-visible strong{text-underline-offset:3px;text-decoration:underline}.admin-article-note{color:var(--admin-muted);border-left:3px solid var(--admin-teal);background:#f2faf8;margin:1.1rem 1.45rem 0;padding:.7rem .85rem;font-size:.63rem;line-height:1.5}.admin-article-table tbody tr.is-deleted{background:#fffaf7}.admin-article-deleted{color:#a34f36}.admin-article-active{color:var(--admin-teal)}.admin-danger-button:hover:not(:disabled){background:#873b29}.admin-article-modal-backdrop{z-index:1000;background:#17262dcc;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.admin-article-modal{background:#fff;border:1px solid #d8e0e2;flex-direction:column;width:min(760px,100%);max-height:min(820px,100vh - 2rem);display:flex;overflow:hidden;box-shadow:0 24px 70px #10232b55}.admin-article-modal-header{color:#fff;background:linear-gradient(120deg,#1d303c,#27434a);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.35rem 1.45rem;display:flex}.admin-article-modal-header h2{font:600 1.45rem var(--serif);margin:.35rem 0 .45rem}.admin-article-modal-header p:last-child{color:#c4d1d3;margin:0;font-size:.64rem}.admin-article-modal-header .admin-detail-close{color:#c4d1d3}.admin-article-modal-body{flex-direction:column;gap:1rem;min-height:0;padding:1.25rem 1.45rem 1.45rem;display:flex}.admin-article-modal-content{min-height:150px;max-height:min(48vh,430px);color:var(--admin-ink-soft);border:1px solid var(--admin-line);white-space:pre-wrap;font:1rem/2 var(--serif);background:#fbfcfc;padding:1rem 1.1rem;overflow:auto}.admin-article-modal-audio{gap:.45rem;display:grid}.admin-article-modal-audio>span{color:var(--admin-muted);font:.59rem ui-monospace,SFMono-Regular,Consolas,monospace}.admin-article-modal-audio audio{width:100%;height:42px}.admin-article-model{background:#f3faf9;border:1px solid #dbe8e7;grid-template-columns:auto minmax(0,1fr);gap:.2rem .7rem;padding:.75rem .85rem;display:grid}.admin-article-model span{color:var(--admin-muted);font-size:.61rem;font-weight:800}.admin-article-model strong{color:#397f75;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.7rem;overflow:hidden}.admin-article-model small{color:var(--admin-faint);grid-column:2;font:.56rem ui-monospace,SFMono-Regular,Consolas,monospace}.admin-article-no-audio{color:var(--admin-muted);border:1px dashed var(--admin-line);background:#fbfcfc;margin:0;padding:.75rem;font-size:.68rem}@media (width<=760px){.admin-practice-import{flex-direction:column;align-items:stretch}.admin-practice-import select,.admin-practice-import a{box-sizing:border-box;text-align:center;width:100%}.admin-practice-readonly,.admin-practice-answer-grid,.admin-practice-options{grid-template-columns:1fr}.admin-article-usage{grid-template-columns:repeat(2,1fr)}.admin-article-note{margin-left:1rem;margin-right:1rem}.admin-article-modal-backdrop{padding:.5rem}.admin-article-modal{max-height:calc(100vh - 1rem)}.admin-article-modal-header,.admin-article-modal-body{padding-left:1rem;padding-right:1rem}.admin-article-modal-content{max-height:45vh}}@media (width<=430px){.admin-nav a i{display:none}.admin-nav a{padding:.5rem .48rem;font-size:.68rem}.admin-kpi-grid,.admin-user-stat-strip,.admin-content-summary{grid-template-columns:1fr 1fr}.admin-kpi-card strong{font-size:1.65rem}.admin-mini-stats{grid-template-columns:1fr;gap:.65rem}.admin-mini-stats div+div{border-top:1px solid var(--admin-line);border-left:0;padding:.65rem 0 0}.admin-detail-metrics{grid-template-columns:repeat(2,1fr)}.admin-character-hero>span{font-size:3.4rem}}.admin-pinyin-audio-table{min-width:1060px}.admin-pinyin-audio-table code,.admin-pinyin-audio-editor code{color:var(--admin-orange-dark);font:800 .68rem ui-monospace,SFMono-Regular,Consolas,monospace}.admin-pinyin-characters{max-width:560px;color:var(--admin-ink-soft);text-overflow:ellipsis;white-space:nowrap;letter-spacing:.12em;display:block;overflow:hidden}.admin-pinyin-inline-actions{align-items:center;gap:.45rem;display:flex}.admin-pinyin-inline-actions .audio-control{min-height:0}.admin-pinyin-inline-actions .audio-play-button,.admin-pinyin-inline-actions .admin-record-button{width:auto;min-width:0;font:700 .59rem var(--sans);white-space:nowrap;padding:.38rem .5rem}.admin-pinyin-inline-actions .admin-audio-recorder{flex-wrap:nowrap}.admin-pinyin-inline-actions .admin-recording-status{margin-top:2.3rem;position:absolute}.admin-pinyin-inline-actions small{color:var(--admin-muted);font-size:.55rem}.admin-pinyin-inline-actions small.is-success{color:var(--admin-teal)}.admin-pinyin-inline-actions small.is-error{color:#a64631}.admin-pinyin-audio-editor{border:1px solid var(--admin-line);background:#fff;margin-top:1.15rem;scroll-margin-top:1rem}.admin-pinyin-audio-editor>header{color:#fff;background:linear-gradient(120deg,#1d303c,#27434a);gap:1rem;padding:1.35rem 1.45rem;display:flex}.admin-pinyin-audio-editor h2{font:600 1.5rem var(--serif);margin:.3rem 0}.admin-pinyin-audio-editor h2 code{color:#ffd7bd;background:#d96c4520;border:1px solid #d96c4588;margin-left:.45rem;padding:.2rem .35rem}.admin-pinyin-audio-editor header p:last-child{color:#b8c9cc;max-width:820px;margin:0;font-size:.64rem;line-height:1.6}.admin-pinyin-audio-editor .admin-detail-close{color:#b8c9cc}.admin-pinyin-audio-editor-body{gap:1rem;padding:1.35rem 1.45rem;display:grid}.admin-pinyin-audio-editor-body>div:first-child{align-items:center;gap:1rem;display:flex}.admin-pinyin-audio-editor-body>div:first-child>span{color:var(--admin-muted);font-size:.63rem;font-weight:800}.admin-pinyin-audio-editor-body>div:first-child>strong{color:var(--admin-muted);font-size:.65rem}.admin-pinyin-audio-editor audio{width:min(420px,100%);height:34px}.admin-pinyin-correction{background:#f7fbfb;border:1px solid #dbe8e7;grid-template-columns:minmax(180px,.6fr) minmax(130px,.3fr) minmax(260px,1fr) auto;align-items:end;gap:.8rem;padding:1rem;display:grid}.admin-pinyin-correction>div{gap:.35rem;display:grid}.admin-pinyin-correction label,.admin-pinyin-correction>div>span{color:var(--admin-muted);font-size:.61rem;font-weight:800}.admin-pinyin-correction input{box-sizing:border-box;width:100%;color:var(--admin-ink);border:1px solid var(--admin-line);font:.72rem var(--sans);background:#fff;padding:.58rem .65rem}.admin-pinyin-correction code{align-items:center;min-height:2rem;display:flex}.admin-pinyin-correction p{color:var(--admin-muted);margin:0;font-size:.6rem;line-height:1.55}.admin-shared-audio-note{color:var(--admin-muted);border-left:3px solid var(--admin-teal);background:#f2faf8;margin:.7rem 0 0;padding:.65rem .75rem;font-size:.62rem}.admin-shared-audio-note a{color:#327b70;font-weight:800}@media (width<=760px){.admin-pinyin-audio-editor-body>div:first-child{flex-direction:column;align-items:flex-start}.admin-pinyin-audio-editor>header,.admin-pinyin-audio-editor-body{padding:1.1rem}.admin-pinyin-correction{grid-template-columns:1fr;align-items:stretch}}.admin-ai-speech{margin-bottom:1.15rem}.admin-ai-speech .admin-panel-heading{align-items:flex-end}.admin-ai-speech .admin-panel-heading p:last-child{color:var(--admin-muted);margin:.35rem 0 0;font-size:.63rem}.admin-ai-speech-grid{border-top:1px solid var(--admin-line);background:var(--admin-line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.admin-ai-speech-card{background:#fff;min-width:0;padding:1.15rem 1.35rem 1.35rem}.admin-ai-speech-card>header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.admin-ai-speech-card h3{color:var(--admin-ink);font:600 1.1rem var(--serif);margin:.25rem 0 0}.admin-ai-speech-status{color:#a45b37;white-space:nowrap;background:#fff8f4;border:1px solid #e7c4b3;align-items:center;gap:.35rem;padding:.38rem .5rem;font-size:.57rem;font-weight:800;display:inline-flex}.admin-ai-speech-status i{background:#c97956;border-radius:50%;width:6px;height:6px}.admin-ai-speech-status.is-ready{color:var(--admin-teal);background:#f1fbf8;border-color:#afd9d1}.admin-ai-speech-status.is-ready i{background:var(--admin-teal)}.admin-ai-speech-card form{grid-template-columns:1fr 1fr;align-items:end;gap:.7rem;display:grid}.admin-ai-speech-card form label,.admin-ai-speech-secret label{gap:.35rem;min-width:0;display:grid}.admin-ai-speech-card form label span,.admin-ai-speech-secret>div span{color:var(--admin-muted);font-size:.61rem;font-weight:700}.admin-ai-speech-card input{box-sizing:border-box;width:100%;color:var(--admin-ink);border:1px solid var(--admin-line);background:#fff;outline:0;padding:.62rem .65rem;font-size:.67rem}.admin-ai-speech-card input:focus{border-color:var(--admin-orange);box-shadow:0 0 0 2px #d96c4518}.admin-ai-speech-card form .admin-primary-button{grid-column:1/-1;justify-self:start}.admin-ai-speech-secret{background:#fffaf5;border:1px solid #e7ddd1;margin-top:1.1rem;padding:.9rem}.admin-ai-speech-secret>div{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-ai-speech-secret>div b{color:#9f5734;font:600 .7rem var(--sans)}.admin-ai-speech-secret>div b.is-ready{color:var(--admin-teal)}.admin-ai-speech-secret p{color:var(--admin-muted);margin:.45rem 0 .75rem;font-size:.59rem;line-height:1.55}.admin-ai-speech-secret code{color:var(--admin-orange-dark);background:#f4e9de;padding:.12rem .25rem}.admin-ai-speech-secret>label{display:flex}.admin-ai-speech-secret>label input{min-width:0}.admin-ai-speech-secret>label button{color:#fff;background:var(--admin-ink-soft);cursor:pointer;border:0;flex:none;padding:.58rem .7rem;font-size:.61rem;font-weight:700}.admin-ai-speech-secret>label button:disabled{cursor:not-allowed;opacity:.45}@media (width<=760px){.admin-ai-speech-grid{grid-template-columns:1fr}.admin-ai-speech-card{padding:1rem}.admin-ai-speech-card form{grid-template-columns:1fr}.admin-ai-speech-card form .admin-primary-button{grid-column:auto;justify-self:stretch}}.admin-ai-allowlist{margin-bottom:1.15rem}.admin-ai-allowlist .admin-panel-heading{align-items:flex-end}.admin-ai-allowlist .admin-panel-heading p:last-child{color:var(--admin-muted);margin:.35rem 0 0;font-size:.63rem}.admin-ai-allowlist-toolbar{border-top:1px solid var(--admin-line);border-bottom:1px solid var(--admin-line);background:#fbfcfc;align-items:center;gap:.8rem;padding:.8rem 1.35rem;display:flex}.admin-ai-allowlist-toolbar .admin-search{width:min(360px,100%)}.admin-ai-allowlist-toolbar small{color:var(--admin-muted);font-size:.6rem}.admin-ai-allowlist-list{display:grid}.admin-ai-allowlist-row{border-bottom:1px solid #edf0f1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.9rem;padding:.75rem 1.35rem;display:grid}.admin-ai-allowlist-row:last-child{border-bottom:0}.admin-ai-allowlist-row>div{align-items:center;gap:.65rem;min-width:0;display:flex}.admin-ai-allowlist-row .admin-user-avatar{flex:none}.admin-ai-allowlist-row strong{color:var(--admin-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.admin-ai-allowlist-state{color:var(--admin-muted);font-size:.6rem}.admin-ai-allowlist-row.is-allowed .admin-ai-allowlist-state{color:var(--admin-teal);font-weight:800}.admin-ai-allowlist-row button{min-width:6.3rem}@media (width<=760px){.admin-ai-allowlist-toolbar{flex-direction:column;align-items:stretch;padding:.8rem 1rem}.admin-ai-allowlist-toolbar .admin-search{width:auto}.admin-ai-allowlist-row{grid-template-columns:minmax(0,1fr) auto;padding:.7rem 1rem}.admin-ai-allowlist-row .admin-ai-allowlist-state{display:none}.admin-ai-allowlist-row button{grid-area:1/2}}.admin-translation-form{border-top:1px solid #dbe8e7;gap:1rem;padding-top:1.25rem;display:grid}.admin-translation-form>label,.admin-translation-form fieldset{gap:.45rem;display:grid}.admin-translation-form label span,.admin-translation-form legend{color:var(--admin-orange-dark);letter-spacing:.06em;font-size:.64rem;font-weight:800}.admin-translation-form fieldset{background:#fff;border:1px solid #dbe8e7;padding:1rem}.admin-translation-form fieldset label+label{margin-top:.6rem}.admin-translation-form input,.admin-translation-form textarea{box-sizing:border-box;width:100%;color:var(--admin-ink);font:.72rem/1.5 var(--sans);resize:vertical;background:#fffdfb;border:1px solid #cad9d8;padding:.7rem .8rem}.admin-translation-form input:focus,.admin-translation-form textarea:focus{border-color:var(--admin-orange);outline:2px solid #d96c4540}.admin-translation-form input:disabled,.admin-translation-form textarea:disabled{color:var(--admin-muted);background:#f2f5f5}.admin-form-success,.admin-form-error{margin:0;padding:.7rem .8rem;font-size:.68rem}.admin-form-success{color:#28786e;background:#edf9f6}.admin-form-error{color:#a13f2b;background:#fff1ed}.admin-audio-grid{border-top:1px dashed #cbdad9;gap:.7rem;margin-top:1rem;padding-top:1rem;display:grid}.admin-audio-editor{background:#f8fbfb;border:1px solid #dbe8e7;gap:.55rem;padding:.75rem;display:grid}.admin-audio-heading{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.admin-audio-heading>span{color:var(--admin-ink)!important}.admin-audio-heading small,.admin-audio-selection{color:var(--admin-muted);font-size:.6rem}.admin-audio-heading audio{width:min(320px,70%);height:32px}.admin-audio-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-audio-file{position:relative;overflow:hidden}.admin-audio-file>span{border:1px solid var(--admin-line);cursor:pointer;background:#fff;padding:.58rem .72rem;display:inline-block;color:var(--admin-ink-soft)!important}.admin-audio-file input{opacity:0;width:1px;height:1px;padding:0;position:absolute}.admin-audio-recorder{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.admin-record-button{color:#9c4a34;cursor:pointer;background:#fff8f5;border:1px solid #dfb2a5;align-items:center;gap:.4rem;padding:.58rem .72rem;font-size:.64rem;font-weight:800;display:inline-flex}.admin-record-button>i{background:#c95a41;border-radius:50%;width:.52rem;height:.52rem;box-shadow:0 0 0 3px #c95a4118}.admin-record-button:hover:not(:disabled){color:#81341f;background:#fff0eb;border-color:#c96b51}.admin-record-button:disabled{cursor:not-allowed;opacity:.48}.admin-record-button.is-recording{color:#fff;background:#b84d36;border-color:#ac402b}.admin-record-button.is-recording>i{box-shadow:none;background:#fff;border-radius:1px}.admin-recording-status{color:#a13f2b;align-items:center;gap:.35rem;font-size:.61rem;font-weight:800;display:inline-flex}.admin-recording-status>i{background:#c94b35;border-radius:50%;width:.45rem;height:.45rem;animation:1s ease-in-out infinite alternate admin-recording-pulse}.admin-recording-preview{width:min(230px,100%);height:32px}.admin-recording-error{color:#a13f2b;flex-basis:100%;margin:0;font-size:.61rem}@keyframes admin-recording-pulse{to{opacity:.3;transform:scale(.72)}}.admin-danger-button{color:#a13f2b;cursor:pointer;background:#fff7f4;border:1px solid #e0b4a9;padding:.58rem .72rem;font-size:.64rem;font-weight:700}.admin-danger-button:hover:not(:disabled){background:#fff0eb;border-color:#c96b51}.admin-danger-button:disabled{cursor:not-allowed;opacity:.45}.admin-audio-count{color:var(--admin-warning);font-weight:800}.admin-audio-count.is-complete{color:var(--admin-teal)}.admin-content-status--audio{color:#476e91;background:#f2f7fb;border-color:#b6cada}.admin-pagination{border-top:1px solid var(--admin-line);background:#fafcfc;justify-content:center;align-items:center;gap:.45rem;padding:1rem;display:flex}.admin-pagination button{min-width:3.6rem;color:var(--admin-ink-soft);border:1px solid var(--admin-line);cursor:pointer;font:700 .64rem var(--sans);background:#fff;padding:.48rem .65rem}.admin-pagination button:hover:not(:disabled),.admin-pagination button:focus-visible{color:var(--admin-orange-dark);background:#fff8f4;border-color:#e1aa91}.admin-pagination button:focus-visible{outline-offset:1px;outline:2px solid #d96c4540}.admin-pagination button:disabled{color:#aab4b7;cursor:not-allowed;background:#f1f4f4}.admin-pagination span{min-width:7rem;color:var(--admin-muted);text-align:center;font-size:.66rem}.admin-character-detail:focus{outline-offset:3px;outline:2px solid #d96c4540}@media (width<=560px){.admin-pagination{flex-wrap:wrap}.admin-pagination span{order:-1;width:100%}}.practice-hub{outline:none;width:min(100%,1060px);margin:0 auto}.practice-hub-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;margin-bottom:2rem;display:grid}.practice-hub-heading h1{margin-bottom:.65rem;font-size:clamp(2.8rem,6vw,5.2rem)}.practice-hub-heading>div:first-child>p:last-child{max-width:620px;color:var(--muted);font:500 1rem/1.75 var(--serif);margin:0}.practice-hub-summary{background:#f9f4e9b8;border:1px solid #bba98d;grid-template-columns:1fr auto;align-items:end;gap:.25rem .7rem;min-width:146px;padding:1rem 1.15rem .8rem;display:grid;position:relative;box-shadow:5px 6px #dcd0bd}.practice-hub-summary:after{content:"练";aspect-ratio:1;border:2px double var(--cinnabar);width:2.25rem;color:var(--cinnabar);background:var(--paper);font:600 1.05rem var(--serif);place-items:center;display:grid;position:absolute;top:-.9rem;right:.55rem;transform:rotate(7deg)}.practice-hub-summary>span{color:var(--muted);letter-spacing:.16em;font-size:.68rem}.practice-hub-summary strong{font:600 2rem/1 var(--serif);grid-area:1/2/3}.practice-hub-summary strong i{color:#b3a58e;margin:0 .2rem;font-size:1rem;font-style:normal}.practice-hub-summary button{border:0;border-bottom:1px solid var(--cinnabar);width:fit-content;color:var(--cinnabar-dark);cursor:pointer;font:650 .72rem var(--sans);background:0 0;padding:.25rem 0}.practice-mode-tabs{border-block:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#bba98d transparent;scroll-snap-type:x proximity;background:#eee7d868;width:100%;display:flex;overflow-x:auto}.practice-mode-tabs button{border:0;border-right:1px solid var(--line);min-height:76px;color:var(--muted);cursor:pointer;text-align:left;scroll-snap-align:start;background:0 0;flex:0 0 142px;grid-template-rows:auto auto;grid-template-columns:2rem 1fr;align-items:center;gap:.12rem .55rem;padding:.75rem .8rem .7rem;transition:color .18s,background .18s;display:grid;position:relative}.practice-mode-tabs button:after{content:"";background:0 0;height:3px;transition:transform .2s,background .2s;position:absolute;bottom:0;left:.7rem;right:.7rem;transform:scaleX(.25)}.practice-mode-tabs button:hover{color:var(--ink);background:#fff8}.practice-mode-tabs button.is-active{color:var(--cinnabar-dark);background:var(--paper-light)}.practice-mode-tabs button.is-active:after{background:var(--cinnabar);transform:scaleX(1)}.practice-mode-tabs i{aspect-ratio:1;width:2rem;font:normal 600 1rem var(--serif);border:1px solid;border-radius:49% 51% 47% 53%;grid-row:1/3;place-items:center;display:grid}.practice-mode-tabs span{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.practice-mode-tabs small{color:#928a7c;font-size:.62rem}.practice-mode-tabs button:focus-visible,.practice-filter-bar select:focus-visible,.practice-filter-bar input:focus-visible,.practice-hub-options button:focus-visible,.practice-hub button:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px}.practice-filter-bar{border-bottom:1px solid var(--line);background:#fbf8f0a8;grid-template-columns:minmax(190px,1fr) repeat(3,auto) minmax(155px,auto);align-items:end;gap:.75rem 1rem;padding:1rem 1.15rem;display:grid}.practice-filter-intro{gap:.22rem;min-width:0;display:grid}.practice-filter-intro b{font:600 1rem var(--serif)}.practice-filter-intro em{color:var(--cinnabar);font:650 .64rem var(--sans);letter-spacing:.04em;margin-left:.55rem}.practice-filter-intro span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.practice-filter-bar label{color:var(--muted);letter-spacing:.08em;gap:.3rem;font-size:.67rem;display:grid}.practice-filter-bar select{min-width:125px;height:38px;color:var(--ink);background:var(--paper-light);font:500 .76rem var(--sans);border:1px solid #c9bda9;border-radius:0;padding:0 2rem 0 .7rem}.practice-filter-bar .practice-today-filter{background:var(--paper-light);cursor:pointer;letter-spacing:0;border:1px solid #c9bda9;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem;min-height:38px;padding:.35rem .6rem;display:grid}.practice-today-filter input{width:1rem;height:1rem;accent-color:var(--cinnabar);cursor:pointer;grid-row:1/3;margin:0}.practice-today-filter>span{color:var(--ink);font-size:.72rem;font-weight:700}.practice-today-filter small{color:var(--muted);white-space:nowrap;font-size:.58rem}.practice-session-panel{width:min(100%,760px);margin:2rem auto 0;animation:.3s both practice-panel-in}@keyframes practice-panel-in{0%{opacity:0;transform:translateY(7px)}}.practice-session-meta{color:var(--muted);letter-spacing:.06em;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin-bottom:.8rem;font-size:.68rem;display:grid}.practice-session-meta>i{background:var(--line);height:2px;overflow:hidden}.practice-session-meta>i b{background:var(--cinnabar);height:100%;transition:width .25s;display:block}.practice-hub-card{text-align:center;background:linear-gradient(90deg,#0000 49.8%,#c8bca938 50%,#0000 50.2%) 0 0/100% 100%,linear-gradient(#0000 49.8%,#c8bca938 50%,#0000 50.2%) 0 0/100% 100%,#fbf8f0;border:1px solid #c9bba3;align-content:center;place-items:center;gap:.75rem;min-height:250px;padding:2rem 2.5rem;display:grid;position:relative;overflow:hidden;box-shadow:8px 10px #ded3c1}.practice-hub-card:before,.practice-hub-card:after{content:"";opacity:.55;border-color:#b8a88d;width:58px;height:58px;position:absolute}.practice-hub-card:before{border-top:1px solid;border-left:1px solid;top:13px;left:13px}.practice-hub-card:after{border-bottom:1px solid;border-right:1px solid;bottom:13px;right:13px}.practice-hub-card-kicker{color:var(--cinnabar);letter-spacing:.18em;font-size:.66rem;font-weight:750}.practice-hub-card>strong{max-width:100%;color:var(--ink);font:600 clamp(2.7rem, 7vw, 4.7rem)/1.25 var(--serif);overflow-wrap:anywhere}.practice-hub-card>p{color:var(--muted);font:500 .9rem/1.6 var(--serif);margin:0}.practice-hub--character-pinyin .practice-hub-card>strong,.practice-hub--character-meaning .practice-hub-card>strong{font-size:clamp(5.5rem,14vw,8.5rem);line-height:1}.practice-hub--meaning-character .practice-hub-card>strong,.practice-hub--meaning-word .practice-hub-card>strong{max-width:650px;font:600 clamp(1.3rem,3vw,2.05rem)/1.45 Georgia,serif}.practice-hub--homophone .practice-hub-card>strong,.practice-hub--measure-word .practice-hub-card>strong{font-size:clamp(2rem,5vw,3.25rem)}.practice-hub-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.35rem;display:grid}.practice-hub-options button{border:1px solid var(--line);min-height:66px;color:var(--ink);cursor:pointer;text-align:left;background:#fbf8f0d9;grid-template-columns:1.9rem minmax(0,1fr);align-items:center;gap:.75rem;padding:.7rem 1rem;transition:transform .15s,border-color .15s,background .15s;display:grid;box-shadow:3px 3px #ddd2c0}.practice-hub-options button:not(:disabled):hover{border-color:var(--cinnabar);background:#fffaf1;transform:translate(-1px,-1px)}.practice-hub-options button>span{aspect-ratio:1;width:1.8rem;color:var(--muted);border:1px solid #c8bba6;border-radius:50%;place-items:center;font-size:.68rem;display:grid}.practice-hub-options button>b{min-width:0;font:600 1.1rem/1.4 var(--serif);overflow-wrap:anywhere}.practice-hub--character-meaning .practice-hub-options button>b,.practice-hub--word-meaning .practice-hub-options button>b{font:600 .88rem/1.45 Georgia,serif}.practice-hub-options button:disabled{cursor:default;opacity:.72}.practice-hub-options button.is-correct{border-color:var(--known);color:#315a43;opacity:1;background:#e7efe4}.practice-hub-options button.is-wrong{border-color:var(--cinnabar);color:var(--cinnabar-dark);opacity:1;background:#f6e4da}.practice-hub-feedback-slot{min-height:78px;margin-top:.85rem}.practice-hub-feedback{background:#fff8;border-left:3px solid;justify-content:space-between;align-items:center;gap:1rem;min-height:68px;padding:.65rem .85rem .65rem 1rem;display:flex}.practice-hub-feedback.is-correct{border-color:var(--known);color:var(--known)}.practice-hub-feedback.is-wrong{border-color:var(--cinnabar);color:var(--cinnabar-dark)}.practice-hub-feedback p{color:var(--muted);margin:.2rem 0 0;font-size:.8rem}.practice-hub-feedback .button{white-space:nowrap;min-height:40px;padding:.55rem .9rem}.practice-hub-empty,.practice-hub-complete{border:1px solid var(--line);text-align:center;background:#fbf8f088;align-content:center;place-items:center;gap:.85rem;min-height:430px;padding:2rem;display:grid}.practice-hub-empty>span,.practice-hub-complete>span{aspect-ratio:1;color:#b5a68d;width:6.5rem;font:500 4rem var(--serif);border:1px solid #bcae97;border-radius:48% 52% 46% 54%;place-items:center;display:grid;transform:rotate(-3deg)}.practice-hub-empty h2,.practice-hub-complete h2{font:600 clamp(1.6rem, 4vw, 2.5rem)/1.3 var(--serif);margin:0}.practice-hub-empty p,.practice-hub-complete>p:not(.eyebrow){max-width:520px;color:var(--muted);margin:0 0 .6rem;line-height:1.7}.practice-hub-complete>span{border:3px double var(--cinnabar);color:var(--cinnabar)}.practice-hub-complete .eyebrow{margin:.2rem 0 0}@media (width<=1400px){.practice-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(145px,1fr)}.practice-filter-intro{grid-column:1/-1}.practice-filter-bar select{width:100%;min-width:0}}@media (width<=720px){.practice-hub-heading{grid-template-columns:1fr auto;align-items:center;gap:1rem;margin-bottom:1.35rem}.practice-hub-heading h1{font-size:2.7rem}.practice-hub-heading>div:first-child>p:last-child{display:none}.practice-hub-summary{min-width:118px;padding:.8rem;box-shadow:3px 4px #dcd0bd}.practice-hub-summary:after{display:none}.practice-hub-summary strong{font-size:1.65rem}.practice-mode-tabs{margin-inline:calc(-1 * max(1.2rem, env(safe-area-inset-left)));width:calc(100% + max(2.4rem, env(safe-area-inset-left) + env(safe-area-inset-right)));padding-inline:max(1.2rem, env(safe-area-inset-left))}.practice-mode-tabs button{flex-basis:126px;min-height:68px;padding-inline:.65rem}.practice-filter-bar{margin-inline:calc(-1 * max(1.2rem, env(safe-area-inset-left)));padding-inline:max(1.2rem, env(safe-area-inset-left));grid-template-columns:repeat(2,minmax(0,1fr))}.practice-frequency-filter,.practice-today-filter{grid-column:1/-1}.practice-session-panel{margin-top:1.35rem}.practice-hub-card{min-height:210px;padding:1.4rem 1rem;box-shadow:5px 6px #ded3c1}.practice-hub-card:before,.practice-hub-card:after{width:42px;height:42px}.practice-hub-options{gap:.55rem}.practice-hub-options button{grid-template-columns:1.6rem minmax(0,1fr);gap:.45rem;min-height:58px;padding:.55rem .65rem}.practice-hub-options button>span{width:1.5rem}.practice-hub-options button>b{font-size:.95rem}.practice-hub--character-meaning .practice-hub-options,.practice-hub--word-meaning .practice-hub-options{grid-template-columns:1fr}.practice-hub-feedback{align-items:flex-start}.practice-hub-empty,.practice-hub-complete{min-height:370px;padding:1.5rem 1rem}}@media (width<=430px){.practice-hub-heading{grid-template-columns:minmax(0,1fr) auto}.practice-hub-heading .eyebrow{font-size:.58rem}.practice-hub-heading h1{font-size:2.35rem}.practice-hub-summary{min-width:104px}.practice-filter-intro span{white-space:normal;line-height:1.45}.practice-hub-options{grid-template-columns:1fr 1fr}.practice-hub--meaning-word .practice-hub-options{grid-template-columns:1fr}}.writing-page{max-width:1100px;margin:0 auto}.writing-page-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(2rem,5vw,4rem);padding-bottom:1.4rem;display:flex}.writing-page-heading h1{margin-bottom:.55rem}.writing-page-heading>div>p:last-child{color:var(--muted);font:400 1rem/1.7 var(--serif);margin:0}.writing-page-tools{flex:0 0 min(460px,48%);grid-template-columns:auto minmax(250px,1fr);align-items:end;gap:1rem;display:grid}.writing-worksheet-link{min-height:54px;color:var(--ink);background:#fff7;border:1px solid #baa98f;align-items:center;gap:.6rem;padding:.45rem .7rem;text-decoration:none;display:flex}.writing-worksheet-link:hover{border-color:var(--cinnabar);color:var(--cinnabar-dark)}.writing-worksheet-link i{aspect-ratio:1;background:var(--cinnabar);color:#fff;width:34px;font:normal 1.2rem var(--serif);place-items:center;display:grid}.writing-worksheet-link span{gap:.1rem;display:grid}.writing-worksheet-link b{font:600 .74rem var(--serif);white-space:nowrap}.writing-worksheet-link small{color:var(--muted);white-space:nowrap;font-size:.55rem}.writing-character-picker{min-width:0;position:relative}.writing-character-picker label{color:var(--muted);letter-spacing:.1em;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.writing-character-picker>div{border-bottom:2px solid var(--ink);grid-template-columns:minmax(0,1fr) auto;display:grid}.writing-character-picker input{width:100%;min-width:0;color:var(--ink);font:600 1.75rem/1 var(--serif);background:0 0;border:0;padding:.55rem .65rem}.writing-character-picker input:focus{outline:0}.writing-character-picker input[aria-invalid=true]{color:var(--cinnabar)}.writing-character-picker button{background:var(--ink);color:var(--paper-light);cursor:pointer;letter-spacing:.12em;border:0;padding:.6rem 1.15rem;font-size:.78rem;font-weight:700}.writing-character-picker button:hover{background:var(--cinnabar)}.writing-character-picker small{color:var(--cinnabar-dark);font-size:.68rem;position:absolute;top:calc(100% + .45rem);left:0}.writing-workbench{grid-template-columns:minmax(360px,1.05fr) minmax(350px,.95fr);align-items:start;gap:clamp(2.5rem,6vw,5.5rem);display:grid}.writing-canvas-panel{background:#fbf8f0b8;border:1px solid #cdbfa9;min-width:0;padding:clamp(1.2rem,3vw,2rem);position:relative;box-shadow:12px 14px #dfd5c4}.writing-current-character{z-index:4;border:1px solid var(--cinnabar);background:var(--paper-light);color:var(--cinnabar-dark);grid-template-columns:auto auto;align-items:center;display:grid;position:absolute;top:-1px;left:-1px;transform:translate(-16%,-50%)}.writing-current-character span{letter-spacing:.15em;padding:.35rem .55rem;font-size:.58rem;font-weight:800}.writing-current-character b{aspect-ratio:1;background:var(--cinnabar);color:#fff;width:2rem;font:600 1.15rem var(--serif);place-items:center;display:grid}.writing-canvas-note{color:var(--muted);font:.78rem/1.65 var(--serif);text-align:center;margin:1.2rem 0 0}.writing-grid-module{justify-items:center;display:grid}.writing-grid{aspect-ratio:1;background:#fffdfa;border:2px solid #a99778;width:min(100%,440px);position:relative;overflow:hidden}.writing-grid-line{z-index:0;transform-origin:50%;pointer-events:none;border-top:1px dashed #bbaf9c;width:142%;position:absolute;top:50%;left:50%}.writing-grid-line--horizontal{transform:translate(-50%,-50%)}.writing-grid-line--vertical{transform:translate(-50%,-50%)rotate(90deg)}.writing-grid-line--forward{opacity:.72;transform:translate(-50%,-50%)rotate(45deg)}.writing-grid-line--backward{opacity:.72;transform:translate(-50%,-50%)rotate(-45deg)}.writing-grid-target{z-index:1;position:absolute;inset:0}.writing-grid-target svg{display:block;width:100%!important;height:100%!important}.writing-grid-state{z-index:3;color:var(--muted);text-align:center;background:#fffdfad9;place-content:center;justify-items:center;gap:.7rem;padding:2rem;display:grid;position:absolute;inset:0}.writing-grid-state i{aspect-ratio:1;color:#8e7d63;width:3.2rem;font:normal 1.35rem var(--serif);border:1px solid #b9aa90;place-items:center;animation:1.2s ease-in-out infinite alternate ink-pulse;display:grid}.writing-grid-state span{font-size:.72rem}.writing-grid-state--error{color:var(--cinnabar-dark)}.writing-grid-state--error i{color:var(--cinnabar);border-color:#c98878;animation:none}.writing-play-button{z-index:2;border:1px solid var(--cinnabar-dark);background:var(--cinnabar);color:#fff;cursor:pointer;letter-spacing:.12em;min-width:170px;min-height:46px;margin-top:-1px;padding:.7rem 1.2rem;font-size:.76rem;font-weight:750;position:relative;box-shadow:4px 5px #d9c8b3}.writing-play-button span{letter-spacing:.1em;min-width:2rem;margin-right:.25rem;font-size:.65rem;display:inline-block}.writing-play-button:not(:disabled):hover{background:var(--cinnabar-dark);transform:translateY(-1px)}.writing-play-button:disabled{cursor:default;opacity:.52}.writing-playback-error{color:var(--cinnabar-dark);margin:.7rem 0 0;font-size:.68rem}.writing-details{min-width:0}.writing-detail-cards{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:2.5rem;display:grid}.writing-detail-cards article{border-right:1px solid var(--line);min-height:125px;padding:1.15rem .8rem 1rem;position:relative}.writing-detail-cards article:last-child{border-right:0}.writing-detail-cards article>span{color:var(--muted);letter-spacing:.12em;margin-bottom:1.1rem;font-size:.62rem;font-weight:750;display:block}.writing-detail-cards strong{color:var(--ink);font:600 clamp(1.05rem, 2.2vw, 1.7rem)/1.25 var(--serif);overflow-wrap:anywhere}.writing-detail-cards small{color:var(--cinnabar);font:.68rem var(--serif);margin-left:.28rem}.writing-stroke-order>header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.2rem;display:flex}.writing-stroke-order header span{color:var(--cinnabar);letter-spacing:.2em;font-size:.62rem;font-weight:750}.writing-stroke-order h2{font:600 2rem var(--serif);margin:.25rem 0 0}.writing-stroke-order header>b{color:var(--muted);padding-bottom:.25rem;font-size:.68rem;font-weight:600}.writing-stroke-order ol{counter-reset:stroke;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.writing-stroke-order li{border-bottom:1px solid var(--line);grid-template-columns:1.7rem 2rem minmax(0,1fr);align-items:center;min-height:50px;display:grid}.writing-stroke-order li>span{aspect-ratio:1;width:1.35rem;color:var(--muted);border:1px solid #c7b9a2;border-radius:50%;place-items:center;font-size:.58rem;display:grid}.writing-stroke-order li i{color:var(--cinnabar);font:normal 1.25rem var(--serif);text-align:center}.writing-stroke-order li b{min-width:0;font:600 .8rem/1.35 var(--serif);border-left:1px solid #e0d7c8;padding-left:.55rem}.writing-stroke-empty{border:1px dashed var(--line);min-height:130px;color:var(--muted);font:.86rem var(--serif);place-items:center;display:grid}@media (width<=980px){.writing-workbench{grid-template-columns:minmax(0,560px);justify-content:center}.writing-detail-cards strong{font-size:1.45rem}}@media (width<=620px){.writing-page-heading{flex-direction:column;align-items:stretch;gap:1.5rem}.writing-page-tools{flex-basis:auto;grid-template-columns:auto minmax(0,1fr);width:100%}.writing-character-picker{flex-basis:auto;width:100%}.writing-canvas-panel{padding:1rem;box-shadow:7px 8px #dfd5c4}.writing-current-character{left:.5rem;transform:translateY(-50%)}.writing-detail-cards{grid-template-columns:1fr}.writing-detail-cards article{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:minmax(5rem,1fr) auto auto;align-items:center;gap:.3rem;min-height:0;padding:.9rem 0;display:grid}.writing-detail-cards article:last-child{border-bottom:0}.writing-detail-cards article>span{margin:0}.writing-detail-cards strong{text-align:right;font-size:1.1rem}.writing-stroke-order ol{grid-template-columns:1fr}}.worksheet-page{width:100%;max-width:1080px;margin:0 auto}.worksheet-page-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;padding-bottom:1.4rem;display:flex}.worksheet-page-heading>div:first-child>p:last-child{max-width:620px;color:var(--muted);font:400 1rem/1.7 var(--serif);margin-bottom:0}.worksheet-back-link{color:var(--muted);letter-spacing:.08em;margin-bottom:1.4rem;font-size:.7rem;font-weight:700;text-decoration:none;display:inline-block}.worksheet-back-link:hover{color:var(--cinnabar)}.worksheet-page-actions{flex:none;align-items:stretch;display:flex}.worksheet-page-actions>span{min-width:92px;color:var(--muted);letter-spacing:.13em;border:1px solid #b9aa91;border-right:0;align-content:center;place-items:center;padding:.6rem .85rem;font-size:.6rem;display:grid}.worksheet-page-actions>span b{color:var(--ink);letter-spacing:.08em;font-size:.78rem;display:block}.worksheet-page-actions button,.worksheet-generate-panel button{border:1px solid var(--cinnabar-dark);background:var(--cinnabar);color:#fff;cursor:pointer;letter-spacing:.12em;min-height:48px;padding:.75rem 1.35rem;font-size:.72rem;font-weight:750}.worksheet-page-actions button:hover,.worksheet-generate-panel button:hover{background:var(--cinnabar-dark)}.worksheet-page-actions button:disabled{cursor:wait;opacity:.55}.worksheet-controls{background:#fbf8f0b8;border:1px solid #c8baa2;gap:1.2rem;margin-bottom:2.5rem;padding:clamp(1.1rem,3vw,2rem);display:grid;box-shadow:8px 9px #dfd5c4}.worksheet-control-heading{border-bottom:1px solid var(--line);align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.worksheet-control-heading>span{aspect-ratio:1;border:1px solid var(--cinnabar);width:2.4rem;color:var(--cinnabar);place-items:center;font-size:.65rem;font-weight:750;display:grid}.worksheet-control-heading h2{font:600 1.25rem var(--serif);margin:0 0 .2rem}.worksheet-control-heading p{color:var(--muted);margin:0;font-size:.67rem}.worksheet-source-choice{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;min-width:0;margin:0;padding:0;display:grid}.worksheet-source-choice>label{cursor:pointer;background:#fff7;border:1px solid #d1c5b3;grid-template-columns:2.4rem minmax(0,1fr) 1.4rem;align-items:center;gap:.7rem;min-height:82px;padding:.8rem;transition:border-color .16s,background .16s,transform .16s;display:grid;position:relative}.worksheet-source-choice>label:hover{border-color:#a8977d;transform:translateY(-1px)}.worksheet-source-choice>label.is-selected{border-color:var(--cinnabar);box-shadow:inset 3px 0 0 var(--cinnabar);background:#fffdf9}.worksheet-source-choice input{opacity:0;width:1px;height:1px;position:absolute}.worksheet-source-choice label>b{aspect-ratio:1;width:2.35rem;color:var(--cinnabar-dark);font:600 1rem var(--serif);border:1px solid #c9baa3;place-items:center;display:grid}.worksheet-source-choice label.is-selected>b{border-color:var(--cinnabar);background:var(--cinnabar);color:#fff}.worksheet-source-choice label>span{gap:.2rem;min-width:0;display:grid}.worksheet-source-choice strong{font:600 .84rem var(--serif)}.worksheet-source-choice small{color:var(--muted);font-size:.58rem;line-height:1.35}.worksheet-source-choice label>i{aspect-ratio:1;width:1.25rem;color:var(--muted);font:normal .65rem var(--sans);border:1px solid #cfc2ae;border-radius:50%;place-items:center;display:grid}.worksheet-source-choice label.is-selected>i{border-color:var(--cinnabar);background:var(--cinnabar);color:#fff}.worksheet-options-stack{gap:.7rem;display:grid}.worksheet-option-panel{background:#fff9;border:1px solid #d4c8b6;min-width:0;margin:0;padding:1rem}.worksheet-option-panel legend{color:var(--cinnabar-dark);font:600 .73rem var(--serif);letter-spacing:.05em;padding:0 .4rem}.worksheet-option-panel legend small{color:var(--muted);font:500 .58rem var(--sans);letter-spacing:0;margin-left:.55rem}.worksheet-frequency-range{align-items:center;gap:.7rem;display:flex}.worksheet-frequency-range label{color:var(--muted);align-items:center;gap:.45rem;font-size:.65rem;display:flex}.worksheet-frequency-range input{width:92px;height:40px;color:var(--ink);background:#fffdfa;border:1px solid #bcae97;border-radius:0;padding:0 .6rem}.worksheet-frequency-range>span{color:var(--muted);font:.75rem var(--serif)}.worksheet-frequency-range em{color:var(--muted);margin-left:auto;font-size:.58rem;font-style:normal}.worksheet-difficulty-pills{flex-wrap:wrap;gap:.5rem;display:flex}.worksheet-difficulty-pills label{cursor:pointer}.worksheet-difficulty-pills input{opacity:0;width:1px;height:1px;position:absolute}.worksheet-difficulty-pills span{color:var(--muted);background:#fffdfa;border:1px solid #cfc2ae;padding:.48rem .75rem;font-size:.65rem;display:block}.worksheet-difficulty-pills input:checked+span{border-color:var(--cinnabar);color:var(--cinnabar-dark);background:#f8e8e2}.worksheet-difficulty-pills p{color:var(--muted);margin:0;font-size:.65rem}.worksheet-custom-option textarea{resize:vertical;width:100%;min-height:78px;color:var(--ink);font:600 1.15rem/1.55 var(--serif);background:#fffdfa;border:1px solid #bcae97;border-radius:0;padding:.7rem .8rem;display:block}.worksheet-custom-option>small{color:var(--muted);margin-top:.45rem;font-size:.58rem;display:block}.worksheet-today-note{background:#fff9;border:1px solid #d4c8b6;align-items:center;gap:.8rem;padding:.8rem 1rem;display:flex}.worksheet-today-note>b{aspect-ratio:1;background:var(--ink);color:#fff;width:2rem;font:600 .9rem var(--serif);place-items:center;display:grid}.worksheet-today-note p{gap:.15rem;margin:0;display:grid}.worksheet-today-note strong{font:600 .72rem var(--serif)}.worksheet-today-note span{color:var(--muted);font-size:.6rem}.worksheet-selection-preview{background:#eee6d8;border:1px solid #d4c8b6;grid-template-columns:120px 120px minmax(0,1fr);display:grid}.worksheet-selection-preview>div{border-right:1px solid #d4c8b6;gap:.2rem;padding:.75rem 1rem;display:grid}.worksheet-selection-preview span{color:var(--muted);letter-spacing:.08em;font-size:.57rem}.worksheet-selection-preview strong{font:600 1.15rem var(--serif)}.worksheet-selection-preview p{min-width:0;color:var(--ink);font:600 .9rem/1.6 var(--serif);overflow-wrap:anywhere;align-self:center;margin:0;padding:.75rem 1rem;overflow:hidden}.worksheet-validation-error{color:var(--cinnabar-dark);margin:-.45rem 0 0;font-size:.66rem}.worksheet-format-section{gap:1rem;padding-top:.35rem;display:grid}.worksheet-format-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.worksheet-format-choice>label{cursor:pointer;background:#fff7;border:1px solid #d1c5b3;grid-template-columns:7.5rem minmax(0,1fr) 1.4rem;align-items:center;gap:.9rem;min-height:94px;padding:.85rem;display:grid;position:relative}.worksheet-format-choice>label.is-selected{border-color:var(--cinnabar);box-shadow:inset 3px 0 0 var(--cinnabar);background:#fffdf9}.worksheet-format-choice input{opacity:0;width:1px;height:1px;position:absolute}.worksheet-format-choice label>span:nth-of-type(2){gap:.25rem;min-width:0;display:grid}.worksheet-format-choice strong{font:600 .84rem var(--serif)}.worksheet-format-choice small{color:var(--muted);font-size:.58rem;line-height:1.4}.worksheet-format-choice label>i{aspect-ratio:1;width:1.25rem;color:var(--muted);font:normal .65rem var(--sans);border:1px solid #cfc2ae;border-radius:50%;place-items:center;display:grid}.worksheet-format-choice label.is-selected>i{border-color:var(--cinnabar);background:var(--cinnabar);color:#fff}.worksheet-format-mark{border-block:1px solid #8e816d;background:#fff;border-left:1px solid #8e816d;grid-template-columns:repeat(4,1fr);width:7.5rem;height:2rem;display:grid}.worksheet-format-mark>*{color:#999;min-width:0;font:normal 1rem/1 var(--serif);border-right:1px solid #8e816d;place-items:center;display:grid}.worksheet-format-mark>b{color:#151515;font-weight:600}.worksheet-format-mark>em{background:repeating-linear-gradient(0deg,#0000 0 15px,#aaa 16px 17px,#0000 18px),#fff}.worksheet-format-mark--progressive>b{color:#aaa;font-size:.7rem}.worksheet-format-mark--progressive>i:nth-child(2){clip-path:inset(0 45% 50% 0)}.worksheet-format-mark--progressive>i:nth-child(3){opacity:.55}.worksheet-format-status{color:var(--muted);margin:-.2rem 0 0;font-size:.62rem}.worksheet-format-status:before{content:"●";color:var(--known);margin-right:.4rem}.worksheet-format-status.has-warning{color:var(--cinnabar-dark)}.worksheet-format-status.has-warning:before{color:var(--cinnabar)}.worksheet-generate-panel{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-top:1.1rem;display:flex}.worksheet-generate-panel p{gap:.25rem;margin:0;display:grid}.worksheet-generate-panel strong{font:600 .82rem var(--serif)}.worksheet-generate-panel span{color:var(--muted);font-size:.6rem;line-height:1.45}.worksheet-preview{background:#d9d1c4;justify-items:center;gap:2rem;padding:2rem;display:grid;overflow-x:auto}.worksheet-sheet{aspect-ratio:8.5/11;color:#171717;background:#fff;width:min(8.5in,100%);padding:clamp(1rem,4.7%,.4in);overflow:hidden;box-shadow:0 12px 36px #34291c2b}.worksheet-sheet-heading{color:#555;min-height:clamp(24px,4.2vw,.36in);font:500 clamp(.45rem, 1.2vw, .68rem) var(--serif);letter-spacing:.06em;border-bottom:1px solid #999;grid-template-columns:1fr auto 4.5rem;align-items:center;margin-bottom:clamp(.25rem,1vw,.08in);display:grid}.worksheet-sheet-heading span:nth-child(2){justify-self:center}.worksheet-sheet-heading span:last-child{justify-self:end}.worksheet-sheet-rows{gap:clamp(.18rem,1vw,.09in);display:grid}.worksheet-character-row{aspect-ratio:12;grid-template-columns:repeat(12,minmax(0,1fr));width:100%;display:grid}.worksheet-cell{border-block:1.25px solid #282828;background:#fff;border-left:1.25px solid #282828;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.worksheet-cell:last-child{border-right:1.25px solid #282828}.worksheet-guide{z-index:0;pointer-events:none;position:absolute}.worksheet-guide--horizontal{border-top:1px dashed #aaa;width:100%;top:50%;left:0}.worksheet-guide--vertical{border-left:1px dashed #aaa;height:100%;top:0;left:50%}.worksheet-glyph{z-index:1;width:100%;height:100%;font:500 clamp(1rem, 5.6vw, .53in)/1 "KaiTi", "STKaiti", "Kaiti SC", "Noto Serif CJK SC", var(--serif);place-items:center;padding-bottom:5%;display:grid;position:relative}.worksheet-glyph--model{color:#111}.worksheet-glyph--trace{color:#8b8b8b}.worksheet-glyph--step-1{opacity:.42}.worksheet-glyph--step-2{opacity:.35}.worksheet-glyph--step-3{opacity:.29}.worksheet-glyph--step-4{opacity:.23}.worksheet-glyph--step-5{opacity:.18}.worksheet-stroke-glyph{z-index:1;width:100%;height:100%;padding:4%;display:block;position:relative}.worksheet-stroke-glyph--model{fill:#111}.worksheet-stroke-glyph--trace{fill:#aaa;opacity:.62}.worksheet-character-row.is-loading .worksheet-glyph--model{opacity:.2}@media (width<=900px){.worksheet-source-choice{grid-template-columns:repeat(2,minmax(0,1fr))}.worksheet-format-choice>label{grid-template-columns:6rem minmax(0,1fr) 1.4rem}.worksheet-format-mark{width:6rem}}@media (width<=620px){.worksheet-page-heading{flex-direction:column;align-items:stretch;gap:1.5rem}.worksheet-page-actions{align-self:stretch}.worksheet-page-actions button{flex:1}.worksheet-controls{padding:1rem}.worksheet-source-choice{grid-template-columns:1fr}.worksheet-source-choice>label{min-height:68px}.worksheet-frequency-range{grid-template-columns:1fr auto 1fr;display:grid}.worksheet-frequency-range label{grid-template-columns:auto 1fr;display:grid}.worksheet-frequency-range input{width:100%}.worksheet-frequency-range em{grid-column:1/-1;margin:0}.worksheet-selection-preview{grid-template-columns:1fr 1fr}.worksheet-selection-preview>div:nth-child(2){border-right:0}.worksheet-selection-preview p{border-top:1px solid #d4c8b6;grid-column:1/-1}.worksheet-format-choice{grid-template-columns:1fr}.worksheet-format-choice>label{grid-template-columns:6.5rem minmax(0,1fr) 1.4rem;min-height:82px}.worksheet-format-mark{width:6.5rem}.worksheet-generate-panel{flex-direction:column;align-items:stretch}.worksheet-generate-panel button{width:100%}.worksheet-preview{margin-inline:calc(-1 * max(1.2rem, env(safe-area-inset-left)));padding:.75rem}.worksheet-sheet{padding:4.2%}.worksheet-sheet-heading{grid-template-columns:1fr auto}.worksheet-sheet-heading span:nth-child(2){display:none}.worksheet-sheet-heading span:last-child{justify-self:end}}@media print{@page{size:letter portrait;margin:0}html,body,#root{width:auto;min-width:0;min-height:0;background:#fff!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.sidebar,.mobile-nav,.worksheet-page-heading,.worksheet-controls,.error-banner{display:none!important}.app-shell{min-height:0;display:block}.page{width:auto;max-width:none;padding:0}.worksheet-page{width:auto;max-width:none;margin:0}.worksheet-preview{background:#fff;padding:0;display:block;overflow:visible}.worksheet-sheet{break-after:page;page-break-after:always;width:8.5in;height:11in;box-shadow:none;padding:.4in}.worksheet-sheet:last-child{break-after:auto;page-break-after:auto}.worksheet-sheet-heading{min-height:.36in;margin-bottom:.08in;font-size:.68rem}.worksheet-sheet-rows{gap:.09in}.worksheet-glyph{font-size:.53in}}.radicals-page{--radical-accent:#2f6e66;--radical-accent-soft:#dbe9e2;width:min(100%,1120px);margin:0 auto}.radicals-hero{background:radial-gradient(circle at 12% 16%,#fffdf7 0 6%,#0000 6.3%),linear-gradient(120deg,#fbf8f0ed 0 64%,#e5ddd0d9 64%),repeating-linear-gradient(0deg,#0000 0 31px,#7663480a 32px);border:1px solid #c8baa4;grid-template-columns:minmax(0,1fr) minmax(230px,300px);align-items:end;gap:clamp(2rem,5vw,5rem);min-height:285px;padding:clamp(1.6rem,4vw,3.1rem);display:grid;position:relative;overflow:hidden;box-shadow:11px 13px #ded3c1}.radicals-hero:before{content:"偏";color:#8e806b0b;font:500 18rem/1 var(--serif);pointer-events:none;position:absolute;bottom:-3.2rem;right:23%;transform:rotate(-7deg)}.radicals-hero:after{content:"";opacity:.55;border-top:1px solid #ad9e87;border-right:1px solid #ad9e87;width:70px;height:70px;position:absolute;top:1.1rem;right:1.1rem}.radicals-hero-copy{z-index:1;position:relative}.radicals-hero-copy h1{margin-bottom:.7rem;font-size:clamp(3.1rem,7vw,5.7rem)}.radicals-hero-copy>p:not(.eyebrow){max-width:610px;color:var(--muted);font:500 1rem/1.8 var(--serif);margin-bottom:1.45rem}.radicals-hero-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.35rem;display:flex}.radicals-hero-note{width:fit-content;color:var(--cinnabar-dark);align-items:center;gap:.7rem;display:flex}.radicals-hero-note>i{aspect-ratio:1;width:2.55rem;font:normal 600 1rem var(--serif);border:2px double;place-items:center;display:grid;transform:rotate(-4deg)}.radicals-hero-note>span{gap:.18rem;display:grid}.radicals-hero-note b{font:600 .82rem var(--serif)}.radicals-hero-note small{color:var(--muted);letter-spacing:.08em;font-size:.61rem}.radicals-practice-link{min-height:2.55rem;padding-inline:1rem;text-decoration:none}.radicals-progress-card{z-index:1;border-top:3px solid var(--cinnabar);background:#fffaf0dc;align-content:end;gap:.5rem;min-height:165px;padding:1.25rem 1.3rem 1rem;display:grid;position:relative;box-shadow:6px 7px #b8aa9442}.radicals-progress-card>span{color:var(--cinnabar);letter-spacing:.2em;font-size:.64rem;font-weight:750}.radicals-progress-card>strong{font:600 1.35rem var(--serif);padding-right:2.5rem}.radicals-progress-card>p{color:var(--muted);margin:0;font-size:.66rem;line-height:1.5}.radicals-progress-card>b{aspect-ratio:1;border:2px double var(--cinnabar);width:2.4rem;color:var(--cinnabar);font:600 1.1rem var(--serif);place-items:center;display:grid;position:absolute;top:.75rem;right:.7rem;transform:rotate(6deg)}.radicals-progress-track{background:var(--line);height:3px;overflow:hidden}.radicals-progress-track i{background:var(--cinnabar);height:100%;transition:width .35s;display:block}.radical-category-rail{border-block:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#bbaa90 transparent;background:#eee7d863;width:calc(100% - 1rem);margin:2.25rem auto 2rem;display:flex;overflow-x:auto}.radical-category-rail button{border:0;border-right:1px solid var(--line);min-height:70px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;flex:1 0 155px;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.65rem;padding:.72rem .9rem;display:grid;position:relative}.radical-category-rail button:last-child{border-right:0}.radical-category-rail button:after{content:"";background:0 0;height:3px;transition:all .2s;position:absolute;bottom:0;left:.8rem;right:.8rem;transform:scaleX(.2)}.radical-category-rail button:hover{color:var(--ink);background:#fff8}.radical-category-rail button.is-active{color:var(--cinnabar-dark);background:var(--paper-light)}.radical-category-rail button.is-active:after{background:var(--cinnabar);transform:scaleX(1)}.radical-category-rail button>i{aspect-ratio:1;width:2rem;font:normal 600 .9rem var(--serif);border:1px solid;border-radius:50%;place-items:center;display:grid}.radical-category-rail button>span{gap:.16rem;min-width:0;display:grid}.radical-category-rail button b{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.radical-category-rail button small{color:#938a7c;font-size:.6rem}.radical-workbench{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:start;gap:clamp(1.5rem,3vw,2.5rem);display:grid}.radical-atlas>header{justify-content:space-between;align-items:end;gap:1.4rem;min-height:58px;margin-bottom:1rem;display:flex}.radical-atlas>header span{color:var(--cinnabar);letter-spacing:.2em;font-size:.62rem;font-weight:750}.radical-atlas>header h2{font:600 1.85rem var(--serif);margin:.2rem 0 0}.radical-atlas>header p{max-width:250px;color:var(--muted);text-align:right;margin:0;font-size:.68rem;line-height:1.55}.radical-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem;display:grid}.radical-card{border:1px solid #cec1ad;border-left:3px solid var(--radical-accent);min-height:142px;color:var(--ink);cursor:pointer;text-align:left;background:#fbf8f0c9;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:3.7rem minmax(0,1fr);gap:.55rem .8rem;padding:.9rem .85rem .75rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:3px 4px #dfd5c4}.radical-card--body{--radical-accent:#9c4c3c}.radical-card--nature{--radical-accent:#3f7662}.radical-card--animal{--radical-accent:#9b6b32}.radical-card--action{--radical-accent:#426a83}.radical-card--home{--radical-accent:#7b5b7b}.radical-card:hover{border-color:var(--radical-accent);transform:translate(-1px,-2px);box-shadow:5px 6px #d8cdbc}.radical-card.is-active{border-color:var(--radical-accent);background:linear-gradient(120deg, #fffaf1 0 72%, color-mix(in srgb, var(--radical-accent) 10%, transparent) 72%);box-shadow:inset 0 0 0 1px #fff8,5px 6px #d8cdbc}.radical-card.is-active:after{content:"习";aspect-ratio:1;border:1px solid var(--radical-accent);width:1.7rem;color:var(--radical-accent);font:600 .72rem var(--serif);place-items:center;display:grid;position:absolute;top:.5rem;right:.5rem;transform:rotate(6deg)}.radical-card-glyph{aspect-ratio:1;width:3.7rem;font:600 2.45rem/1 var(--serif);background:linear-gradient(90deg,#0000 49%,#b6a89033 50%,#0000 51%),linear-gradient(#0000 49%,#b6a89033 50%,#0000 51%),#fffdf7;border:1px solid #cfc2ae;align-self:start;place-items:center;display:grid}.radical-card-copy{align-content:start;gap:.25rem;min-width:0;padding-right:1rem;display:grid}.radical-card-copy>b{font:600 .94rem var(--serif)}.radical-card-copy>small{color:var(--muted);font-size:.62rem;line-height:1.45}.radical-card-copy>i{color:var(--radical-accent);font:normal 600 .74rem var(--serif);letter-spacing:.08em}.radical-card-mastery{color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.radical-card-mastery>span{letter-spacing:.08em;font-size:.57rem;font-weight:700}.radical-card-mastery>i{gap:.2rem;display:flex}.radical-card-mastery>i b{background:#ddd3c2;width:17px;height:3px}.radical-card-mastery>i b.is-filled{background:var(--radical-accent)}.radical-card-mastery.is-mastered{color:var(--known)}.radical-lesson{border:1px solid #bfae92;border-top:4px solid var(--radical-accent);background:#fbf8f0e8;min-width:0;scroll-margin-top:1rem;position:sticky;top:1.3rem;box-shadow:8px 10px #ddd1be}.radical-lesson--body{--radical-accent:#9c4c3c;--radical-accent-soft:#f2ddd4}.radical-lesson--nature{--radical-accent:#3f7662;--radical-accent-soft:#dce9e2}.radical-lesson--animal{--radical-accent:#9b6b32;--radical-accent-soft:#eee1cd}.radical-lesson--action{--radical-accent:#426a83;--radical-accent-soft:#dbe5eb}.radical-lesson--home{--radical-accent:#7b5b7b;--radical-accent-soft:#e8dfe7}.radical-lesson-heading{border-bottom:1px solid var(--line);background:linear-gradient(120deg, var(--radical-accent-soft) 0 25%, #fffaf1 25%);grid-template-columns:5.6rem minmax(0,1fr);align-items:center;gap:1.1rem;min-height:148px;padding:1.25rem 1.1rem 1rem;display:grid;position:relative;overflow:hidden}.radical-lesson-glyph{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--radical-accent) 55%, #c8baa4);width:5.6rem;color:var(--ink);font:600 4rem/1 var(--serif);background:linear-gradient(90deg,#0000 49.5%,#81745f28 50%,#0000 50.5%),linear-gradient(#0000 49.5%,#81745f28 50%,#0000 50.5%),#fffdf7;place-items:center;display:grid;position:relative}.radical-lesson-glyph>span{aspect-ratio:1;border:1px solid var(--radical-accent);background:var(--paper-light);width:1.8rem;color:var(--radical-accent);font:600 .68rem var(--serif);border-radius:50%;place-items:center;display:grid;position:absolute;top:-.55rem;left:-.55rem}.radical-lesson-heading>div:nth-child(2){min-width:0}.radical-lesson-heading>div:nth-child(2)>span{color:var(--radical-accent);letter-spacing:.12em;font-size:.58rem;font-weight:750}.radical-lesson-heading h2{font:600 1.75rem var(--serif);margin:.25rem 0 .3rem}.radical-lesson-heading p{color:var(--muted);font:.72rem/1.55 var(--serif);margin:0}.radical-lesson-status{color:var(--muted);background:#fffaf0bd;border:1px solid;padding:.2rem .4rem;font-size:.52rem;position:absolute;top:.55rem;right:.6rem}.radical-lesson-status.is-mastered{color:var(--known)}.radical-lesson-status.is-learning{color:var(--radical-accent)}.radical-understand,.radical-examples{border-bottom:1px solid var(--line);padding:1.05rem 1.15rem 1.15rem}.radical-examples{border-bottom:0}.radical-understand>header,.radical-examples>header{align-items:center;gap:.65rem;margin-bottom:.85rem;display:flex}.radical-understand>header>span,.radical-examples>header>span{color:var(--radical-accent);font:600 .58rem var(--sans);letter-spacing:.08em}.radical-understand>header>div,.radical-examples>header>div{gap:.1rem;display:grid}.radical-understand>header b,.radical-examples>header b{font:600 .9rem var(--serif)}.radical-understand>header small,.radical-examples>header small{color:var(--muted);font-size:.56rem}.radical-morph{grid-template-columns:1fr 2.2rem 1fr;place-items:center;display:grid}.radical-morph strong{aspect-ratio:1;width:4.5rem;font:600 2.7rem var(--serif);background:#fffdf7;border:1px solid #c9bba5;place-items:center;display:grid}.radical-morph span:before{content:"→";color:var(--radical-accent);font:1.15rem var(--serif)}.radical-understand>p{color:var(--muted);font:.7rem/1.6 var(--serif);text-align:center;margin:.75rem 0 0}.radical-examples ul{grid-template-columns:repeat(4,1fr);gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.radical-examples li button{aspect-ratio:1;width:100%;color:var(--ink);cursor:pointer;font:600 1.8rem var(--serif);background:#fffdf8;border:1px solid #cfc1ac;position:relative}.radical-examples li button:hover,.radical-examples li button.is-active{border-color:var(--radical-accent);color:var(--radical-accent);background:var(--radical-accent-soft)}.radical-examples li button i{aspect-ratio:1;background:0 0;border-radius:50%;width:.26rem;position:absolute;bottom:.25rem;right:.25rem}.radical-examples li button.is-active i{background:var(--radical-accent)}.radical-example-note{border-left:2px solid var(--radical-accent);background:#fff9;grid-template-columns:2.4rem 4.5rem minmax(0,1fr);align-items:center;gap:.6rem;min-height:64px;margin-top:.55rem;padding:.55rem .65rem;display:grid}.radical-example-note>strong{font:600 1.6rem var(--serif);text-align:center}.radical-example-note>span{gap:.12rem;display:grid}.radical-example-note>span b{color:var(--radical-accent);font-size:.68rem}.radical-example-note>span i{font:normal 600 .72rem var(--serif)}.radical-example-note>p{color:var(--muted);margin:0;font-size:.62rem;line-height:1.45}.radical-category-rail button:focus-visible,.radical-card:focus-visible,.radical-lesson button:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px}@media (width<=980px){.radical-workbench{grid-template-columns:minmax(0,720px);justify-content:center}.radical-lesson{order:1;position:static}.radical-atlas{order:2}}@media (width<=700px){.radicals-hero{grid-template-columns:1fr;gap:1.4rem;min-height:0;padding:1.35rem;box-shadow:7px 8px #ded3c1}.radicals-hero:before{font-size:12rem;bottom:4rem;right:-2rem}.radicals-progress-card{min-height:120px}.radical-category-rail{width:calc(100% + 2 * max(1.2rem, env(safe-area-inset-left)));margin-left:calc(-1 * max(1.2rem, env(safe-area-inset-left)));padding-inline:max(1.2rem, env(safe-area-inset-left))}.radical-category-rail button{flex-basis:135px}.radical-atlas>header{flex-direction:column;align-items:start;gap:.45rem}.radical-atlas>header p{text-align:left}.radical-card-grid{grid-template-columns:1fr}.radical-card{min-height:126px}.radical-lesson{box-shadow:6px 7px #ddd1be}}@media (width<=420px){.radical-lesson-heading{grid-template-columns:4.75rem minmax(0,1fr);gap:.75rem;padding-inline:.8rem}.radical-lesson-glyph{width:4.75rem;font-size:3.4rem}.radical-understand,.radical-examples{padding-inline:.8rem}.radical-example-note{grid-template-columns:2.1rem 3.7rem minmax(0,1fr);gap:.4rem}}.pinyin-page{--pinyin-green:#315f5a;--pinyin-green-soft:#dfe9e2;--pinyin-gold:#9b6d32;--pinyin-card:#fbf8f0;width:min(100%,1120px);margin:0 auto}.pinyin-hero{background:linear-gradient(118deg,#fbf8f0f2 0 63%,#e2ddd1dd 63%),repeating-linear-gradient(0deg,#0000 0 31px,#6c59300a 32px);border:1px solid #c7b9a2;grid-template-columns:minmax(0,1fr) minmax(235px,305px);align-items:end;gap:clamp(2rem,6vw,5.5rem);min-height:300px;padding:clamp(1.7rem,4vw,3.2rem);display:grid;position:relative;overflow:hidden;box-shadow:11px 13px #ded3c1}.pinyin-hero:before{content:"ā";color:#785e3610;font:500 19rem/1 var(--serif);pointer-events:none;position:absolute;bottom:-4.5rem;right:22%;transform:rotate(-7deg)}.pinyin-hero:after{content:"b · p · m · f    a · o · e";color:#8e806b70;font:600 .62rem var(--sans);letter-spacing:.18em;position:absolute;top:1.2rem;right:1.5rem}.pinyin-hero-copy{z-index:1;position:relative}.pinyin-hero-copy h1{margin-bottom:.7rem;font-size:clamp(3.4rem,7vw,6rem)}.pinyin-hero-copy>p:not(.eyebrow){max-width:610px;color:var(--muted);font:500 1rem/1.8 var(--serif);margin-bottom:1.55rem}.pinyin-hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.pinyin-action{min-height:44px;color:var(--ink);letter-spacing:.06em;background:#fffaf0d9;border:1px solid #aa9b84;justify-content:center;align-items:center;padding:.75rem 1.2rem;font-size:.76rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.pinyin-action:hover{transform:translateY(-2px);box-shadow:3px 4px #cfc1ab}.pinyin-action--primary{border-color:var(--cinnabar);color:#fff;background:var(--cinnabar)}.pinyin-progress-card{z-index:1;border-top:3px solid var(--pinyin-green);background:#fffaf0df;align-content:end;gap:.45rem;min-height:182px;padding:1.2rem 1.35rem;display:grid;position:relative;box-shadow:6px 7px #b8aa9442}.pinyin-progress-card>span{color:var(--pinyin-green);letter-spacing:.2em;font-size:.65rem;font-weight:800}.pinyin-progress-card>strong{font:600 2.5rem/1 var(--serif)}.pinyin-progress-card>strong small{color:var(--muted);font:600 .8rem var(--sans);margin-left:.2rem}.pinyin-progress-card>p{color:var(--muted);margin:0;font-size:.66rem;line-height:1.5}.pinyin-progress-card>b{aspect-ratio:1;border:2px double var(--pinyin-green);width:2.6rem;color:var(--pinyin-green);font:600 1.1rem var(--serif);place-items:center;display:grid;position:absolute;top:.8rem;right:.8rem;transform:rotate(6deg)}.pinyin-progress-track{background:#d8d0c2;height:4px;overflow:hidden}.pinyin-progress-track i{background:var(--pinyin-green);height:100%;transition:width .35s;display:block}.pinyin-map{gap:2.4rem;width:calc(100% - 1rem);margin:3rem auto 0;display:grid}.pinyin-map-section{border-top:1px solid #bcae98;grid-template-columns:minmax(170px,.28fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.2rem);padding-top:1.4rem;display:grid}.pinyin-map-section>header>div{align-items:baseline;gap:.7rem;display:flex}.pinyin-map-section>header span,.pinyin-rule-strip>div>span{color:var(--cinnabar);letter-spacing:.15em;font-size:.62rem;font-weight:800}.pinyin-map-section>header h2{font:600 2rem var(--serif);margin:0}.pinyin-map-section>header p{color:var(--muted);margin:.65rem 0 0;font-size:.72rem;line-height:1.7}.pinyin-group-list{gap:.8rem;display:grid}.pinyin-unit-group{border-left:3px solid var(--pinyin-green);background:#fbf8f0a8;grid-template-columns:minmax(110px,.23fr) minmax(0,1fr);align-items:center;gap:1rem;min-width:0;padding:.8rem .9rem;display:grid;box-shadow:3px 4px #e1d7c6}.pinyin-unit-group>header{gap:.18rem;display:grid}.pinyin-unit-group>header b{font:600 .83rem var(--serif)}.pinyin-unit-group>header small{color:var(--muted);font-size:.58rem;line-height:1.45}.pinyin-unit-group>div{flex-wrap:wrap;gap:.48rem;display:flex}.pinyin-unit-group a{min-width:42px;height:38px;color:var(--ink);font:650 1rem var(--serif);background:#fffdf7;border:1px solid #c8baa5;place-items:center;padding:0 .58rem;text-decoration:none;transition:color .18s,border-color .18s,transform .18s;display:grid;box-shadow:2px 2px #ded3c1}.pinyin-unit-group a:hover{color:var(--cinnabar-dark);border-color:var(--cinnabar);transform:translateY(-2px)}.pinyin-tone-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.pinyin-tone-grid a{min-height:128px;color:var(--ink);background:#fbf8f0;border:1px solid #c8baa5;align-content:center;place-items:center;gap:.15rem;padding:1rem;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:3px 4px #e1d7c6}.pinyin-tone-grid a>span{color:var(--cinnabar-dark);font:600 2.5rem/1 var(--serif)}.pinyin-tone-grid a>b{font-size:.72rem}.pinyin-tone-grid a>small{color:var(--muted);font-size:.6rem}.pinyin-tone-grid a>i{color:#a9957516;font:normal 5rem/1 var(--serif);position:absolute;bottom:-.8rem;right:-.35rem}.pinyin-tone-grid a:hover{border-color:var(--cinnabar);background:#fffaf0}.pinyin-rule-strip{border:1px solid #a99b85;border-left:5px solid var(--cinnabar);background:linear-gradient(90deg,#eee6d9 0 35%,#fbf8f0 35%);grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);align-items:center;gap:2rem;padding:1.25rem 1.4rem;display:grid;box-shadow:4px 5px #dcd1bf}.pinyin-rule-strip>div{grid-template-columns:auto 1fr;align-items:baseline;gap:.3rem .65rem;display:grid}.pinyin-rule-strip>div b{font:600 1.05rem var(--serif)}.pinyin-rule-strip>div small{color:var(--muted);grid-column:2;font-size:.62rem}.pinyin-rule-strip>p{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;margin:0;display:flex}.pinyin-rule-strip>p strong{border-bottom:2px solid var(--pinyin-green);min-width:52px;font:600 1.2rem var(--serif);text-align:center;padding:.45rem .7rem}.pinyin-rule-strip>p i{color:var(--muted);font-style:normal}.pinyin-rule-strip>p em{color:var(--cinnabar);font:normal 1.4rem var(--serif)}.pinyin-rule-strip>p>b{color:var(--cinnabar-dark);font:600 1.8rem var(--serif)}.pinyin-breadcrumb{color:var(--muted);align-items:center;gap:.55rem;margin-bottom:1.2rem;font-size:.72rem;display:flex}.pinyin-breadcrumb a{color:var(--cinnabar-dark);text-underline-offset:4px}.pinyin-breadcrumb b{color:var(--ink)}.pinyin-detail-hero{text-align:center;background:radial-gradient(circle at 50% 40%,#fffdf7 0 20%,#0000 52%),repeating-linear-gradient(0deg,#0000 0 31px,#7964430a 32px),#eee7da;border:1px solid #c6b9a3;align-content:center;place-items:center;gap:.5rem;min-height:285px;padding:2.2rem;display:grid;position:relative;overflow:hidden;box-shadow:9px 10px #ded3c1}.pinyin-detail-hero:before,.pinyin-detail-hero:after{content:"";opacity:.45;width:72px;height:72px;position:absolute}.pinyin-detail-hero:before{border-top:1px solid #9f8f77;border-left:1px solid #9f8f77;top:1.2rem;left:1.2rem}.pinyin-detail-hero:after{border-bottom:1px solid #9f8f77;border-right:1px solid #9f8f77;bottom:1.2rem;right:1.2rem}.pinyin-detail-hero>p{color:var(--cinnabar);letter-spacing:.24em;margin:0;font-size:.64rem;font-weight:800}.pinyin-detail-hero h1{font:600 clamp(4.5rem, 11vw, 7.5rem)/.9 var(--serif);margin:.1rem 0}.pinyin-detail-hero>strong{font:600 1rem var(--serif);margin-top:.3rem}.pinyin-detail-hero>small{color:var(--muted);font-size:.65rem}.pinyin-detail-seal{aspect-ratio:1;border:2px double var(--cinnabar);width:2.7rem;color:var(--cinnabar);font:600 1rem var(--serif);place-items:center;display:grid;position:absolute;top:1.2rem;right:1.2rem;transform:rotate(6deg)}.pinyin-detail-hero .audio-play-button{border-color:var(--pinyin-green);color:var(--pinyin-green);margin-top:.25rem}.pinyin-detail-workbench{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:start;gap:1.5rem;margin-top:2.5rem;display:grid}.pinyin-example-panel,.pinyin-breakdown-panel{border-top:3px solid var(--pinyin-green);background:#fbf8f0a6;box-shadow:5px 6px #dfd5c4}.pinyin-example-panel{padding:1.25rem}.pinyin-example-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:1.5rem;padding-bottom:1rem;display:flex}.pinyin-example-panel>header>div{align-items:baseline;gap:.65rem;display:flex}.pinyin-example-panel>header span,.pinyin-breakdown-panel header>span,.pinyin-breakdown-placeholder>span{color:var(--cinnabar);font-size:.62rem;font-weight:800}.pinyin-example-panel h2{font:600 1.35rem var(--serif);margin:0}.pinyin-example-panel>header p{max-width:180px;color:var(--muted);text-align:right;margin:0;font-size:.62rem;line-height:1.5}.pinyin-example-panel ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.pinyin-example-panel li button{width:100%;min-height:126px;color:var(--ink);cursor:pointer;background:#fffdf7;border:1px solid #cbbda8;align-content:center;place-items:center;gap:.16rem;padding:.8rem;display:grid;position:relative;box-shadow:2px 3px #e0d5c3}.pinyin-example-panel li button:hover,.pinyin-example-panel li button.is-active{border-color:var(--cinnabar);transform:translateY(-1px)}.pinyin-example-panel li button.is-active:after{content:"";background:var(--cinnabar);height:3px;position:absolute;bottom:.5rem;left:.5rem;right:.5rem}.pinyin-example-panel li strong{font:600 2.4rem/1 var(--serif)}.pinyin-example-panel li span{color:var(--cinnabar-dark);font:600 .82rem var(--serif)}.pinyin-example-panel li small{color:var(--muted);background:#eee8dc;padding:.13rem .4rem;font-size:.52rem}.pinyin-example-panel li small.is-known{color:var(--known);background:#e1ebe2}.pinyin-example-panel li small.is-unknown{color:#95632b;background:#f0e4d3}.pinyin-example-empty{text-align:center;align-content:center;place-items:center;gap:.8rem;min-height:250px;display:grid}.pinyin-example-empty b{color:#c9bda9;font:4rem var(--serif)}.pinyin-example-empty p{max-width:300px;color:var(--muted);margin:0;font-size:.72rem;line-height:1.6}.pinyin-breakdown-panel{border-top-color:var(--cinnabar)}.pinyin-breakdown-panel>section{padding:1.3rem}.pinyin-breakdown-panel header{border-bottom:1px solid var(--line);align-items:center;gap:.7rem;padding-bottom:.9rem;display:flex}.pinyin-breakdown-panel header>div{gap:.1rem;display:grid}.pinyin-breakdown-panel header b{font:600 1rem var(--serif)}.pinyin-breakdown-panel header small{color:var(--muted);font-size:.58rem}.pinyin-breakdown-character{place-items:center;gap:.2rem;padding:1.2rem 0 1rem;display:grid}.pinyin-breakdown-character strong{font:600 4rem/1 var(--serif)}.pinyin-breakdown-character span{color:var(--cinnabar-dark);font:600 1.1rem var(--serif)}.pinyin-equation{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.45rem;display:grid}.pinyin-equation>span{background:#fffdf7;border:1px solid #cbbda8;align-content:center;place-items:center;gap:.2rem;min-height:72px;display:grid}.pinyin-equation>span b{font:600 1.18rem var(--serif)}.pinyin-equation>span small{color:var(--muted);font-size:.55rem}.pinyin-equation>i{color:var(--muted);font-style:normal}.pinyin-breakdown-panel section>p{justify-content:center;align-items:center;gap:.65rem;margin:1rem 0;display:flex}.pinyin-breakdown-panel section>p span{font:600 1rem var(--serif)}.pinyin-breakdown-panel section>p i{color:var(--cinnabar);font-style:normal}.pinyin-breakdown-panel section>p strong{color:var(--cinnabar-dark);font:600 1.5rem var(--serif)}.pinyin-breakdown-panel dl{border-block:1px solid var(--line);margin:0 0 1rem}.pinyin-breakdown-panel dl>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:.55rem .25rem;display:flex}.pinyin-breakdown-panel dl>div:last-child{border-bottom:0}.pinyin-breakdown-panel dt{color:var(--muted);font-size:.65rem}.pinyin-breakdown-panel dd{font:600 .75rem var(--serif);margin:0}.pinyin-breakdown-placeholder{text-align:center;align-content:center;place-items:center;gap:.6rem;min-height:330px;display:grid}.pinyin-breakdown-placeholder b{font:600 1.1rem var(--serif)}.pinyin-breakdown-placeholder p{max-width:250px;color:var(--muted);margin:0;font-size:.65rem;line-height:1.6}.pinyin-practice-heading{border-bottom:1px solid #b8aa94;justify-content:space-between;align-items:end;gap:2rem;padding-bottom:1.5rem;display:flex}.pinyin-practice-heading>div>a{color:var(--cinnabar-dark);text-underline-offset:4px;font-size:.7rem}.pinyin-practice-heading .eyebrow{margin:1.3rem 0 .5rem}.pinyin-practice-heading h1{margin-bottom:.55rem}.pinyin-practice-heading>div>p:last-child{color:var(--muted);font:500 .92rem/1.7 var(--serif);margin:0}.pinyin-practice-heading>aside{border-top:3px solid var(--pinyin-green);background:#fbf8f0b8;grid-template-columns:1fr auto;align-items:end;gap:.15rem 1rem;min-width:170px;padding:1rem 1.1rem;display:grid;box-shadow:4px 5px #ddd2bf}.pinyin-practice-heading>aside span{color:var(--muted);letter-spacing:.12em;font-size:.61rem}.pinyin-practice-heading>aside strong{font:600 2rem/1 var(--serif);grid-row:span 2}.pinyin-practice-heading>aside strong i{color:var(--muted);font-size:.75rem;font-style:normal}.pinyin-practice-heading>aside button{color:var(--cinnabar-dark);cursor:pointer;text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.6rem;text-decoration:underline}.pinyin-practice-tabs{background:#eee7da;border:1px solid #c8baa5;grid-template-columns:repeat(4,1fr);margin-top:1.5rem;display:grid}.pinyin-practice-tabs button{min-height:90px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-right:1px solid #c8baa5;grid-template-columns:2.2rem 1fr;align-content:center;align-items:center;gap:.15rem .65rem;padding:.8rem;display:grid;position:relative}.pinyin-practice-tabs button:last-child{border-right:0}.pinyin-practice-tabs button:after{content:"";background:0 0;height:3px;transition:all .18s;position:absolute;bottom:0;left:.7rem;right:.7rem;transform:scaleX(.2)}.pinyin-practice-tabs button:hover,.pinyin-practice-tabs button.is-active{color:var(--ink);background:#fffaf0}.pinyin-practice-tabs button.is-active:after{background:var(--cinnabar);transform:scaleX(1)}.pinyin-practice-tabs button>i{aspect-ratio:1;width:2.1rem;color:var(--cinnabar);font:normal 600 .8rem var(--serif);border:1px solid;border-radius:50%;grid-row:span 2;place-items:center;display:grid}.pinyin-practice-tabs button>span{font-size:.7rem;font-weight:750}.pinyin-practice-tabs button>small{white-space:nowrap;text-overflow:ellipsis;font-size:.54rem;overflow:hidden}.pinyin-practice-panel{background:linear-gradient(135deg,#fbf8f0e8,#eee7da9c);border:1px solid #c8baa5;min-height:530px;margin-top:1rem;padding:clamp(1rem,3vw,2rem);box-shadow:7px 8px #ddd2bf}.pinyin-question-meta{grid-template-columns:minmax(120px,auto) 1fr auto;align-items:center;gap:1rem;display:grid}.pinyin-question-meta>span{color:var(--cinnabar-dark);font-size:.66rem;font-weight:750}.pinyin-question-meta>div{background:#d7cdbd;height:3px;overflow:hidden}.pinyin-question-meta>div i{background:var(--pinyin-green);height:100%;transition:width .25s;display:block}.pinyin-question-meta>b{color:var(--muted);font-size:.62rem}.pinyin-question-card{text-align:center;align-content:center;place-items:center;gap:1rem;min-height:215px;padding:1.4rem;display:grid}.pinyin-question-card>small{color:var(--muted);letter-spacing:.06em;font-size:.65rem}.pinyin-question-card>strong{font:600 clamp(4.4rem, 10vw, 7rem)/1 var(--serif)}.pinyin-question-card.is-pinyin-to-character>strong{color:var(--cinnabar-dark);font-size:clamp(3.3rem,8vw,5.5rem)}.pinyin-question-card>p{color:var(--muted);margin:-.5rem 0 0;font-size:.7rem}.pinyin-listen-prompt{place-items:center;gap:.7rem;display:grid}.pinyin-listen-prompt>span{aspect-ratio:1;border:2px double var(--pinyin-green);width:76px;color:var(--pinyin-green);font:600 1.7rem var(--serif);border-radius:50%;place-items:center;display:grid}.pinyin-listen-prompt>b{font:600 .8rem var(--serif)}.pinyin-answer-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:760px;margin:0 auto;display:grid}.pinyin-answer-options button{min-height:62px;color:var(--ink);cursor:pointer;text-align:left;background:#fffdf7;border:1px solid #bcae98;grid-template-columns:1.7rem 1fr;align-items:center;gap:.7rem;padding:.65rem 1rem;display:grid;box-shadow:2px 3px #ded3c1}.pinyin-answer-options button:not(:disabled):hover{border-color:var(--cinnabar);transform:translateY(-1px)}.pinyin-answer-options button>span{aspect-ratio:1;width:1.7rem;color:var(--muted);border:1px solid #c9bba6;border-radius:50%;place-items:center;font-size:.6rem;display:grid}.pinyin-answer-options button>b{font:600 1rem var(--serif)}.pinyin-answer-options button.is-correct{border-color:var(--known);background:#e3ece3}.pinyin-answer-options button.is-wrong{border-color:var(--cinnabar);background:#f2dfd9}.pinyin-assembly-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;max-width:860px;margin:-1rem auto 0;display:grid}.pinyin-assembly-board>section{border-top:3px solid var(--pinyin-green);background:#fffaf0;padding:.8rem;box-shadow:2px 3px #ded3c1}.pinyin-assembly-board>section>header{gap:.55rem;margin-bottom:.65rem;display:flex}.pinyin-assembly-board>section>header span{color:var(--cinnabar);font-size:.58rem;font-weight:800}.pinyin-assembly-board>section>header b{font:600 .75rem var(--serif)}.pinyin-assembly-board [role=group]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.pinyin-assembly-board [role=group] button{min-height:38px;color:var(--ink);cursor:pointer;font:600 .68rem var(--serif);background:#fffdf7;border:1px solid #c9bba6}.pinyin-assembly-board [role=group] button:hover,.pinyin-assembly-board [role=group] button.is-selected{border-color:var(--cinnabar);color:var(--cinnabar-dark);background:#f8e9df}.pinyin-assembly-result{border-block:1px solid #bcae98;flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:.6rem;min-height:62px;padding:.7rem;display:flex}.pinyin-assembly-result span{border-bottom:2px solid var(--pinyin-green);min-width:48px;font:600 .8rem var(--serif);text-align:center;padding:.35rem .55rem}.pinyin-assembly-result i{color:var(--muted);font-style:normal}.pinyin-assembly-result em{color:var(--cinnabar);font:normal 1.2rem var(--serif)}.pinyin-assembly-result strong{color:var(--cinnabar-dark);font:600 1.4rem var(--serif)}.pinyin-submit-assembly{color:#fff;background:var(--cinnabar);cursor:pointer;border:0;grid-column:1/-1;justify-self:center;min-height:42px;padding:.65rem 1.2rem;font-weight:700}.pinyin-submit-assembly:disabled{color:#91897c;cursor:not-allowed;background:#d9d0c1}.pinyin-feedback-slot{max-width:760px;min-height:92px;margin:.9rem auto 0}.pinyin-practice-feedback{border-left:4px solid var(--known);background:#e3ece3;justify-content:space-between;align-items:center;gap:1rem;min-height:76px;padding:.8rem 1rem;display:flex}.pinyin-practice-feedback.is-wrong{border-left-color:var(--cinnabar);background:#f2dfd9}.pinyin-practice-feedback>div{gap:.2rem;display:grid}.pinyin-practice-feedback>div b{font:600 .88rem var(--serif)}.pinyin-practice-feedback>div p{color:var(--muted);margin:0;font-size:.64rem}.pinyin-practice-feedback>button,.pinyin-practice-complete>button{color:#fff;background:var(--ink);cursor:pointer;border:0;min-height:38px;padding:.55rem .9rem;font-size:.68rem;font-weight:700}.pinyin-practice-empty,.pinyin-practice-complete{text-align:center;align-content:center;place-items:center;gap:.65rem;min-height:460px;display:grid}.pinyin-practice-empty>span,.pinyin-practice-complete>span{color:#c8baa5;font:5.5rem/1 var(--serif)}.pinyin-practice-empty h2,.pinyin-practice-complete h2{font:600 1.7rem var(--serif);margin:0}.pinyin-practice-empty p,.pinyin-practice-complete>p:not(.eyebrow){max-width:420px;color:var(--muted);margin:0;font-size:.72rem;line-height:1.7}@media (width<=900px){.pinyin-map-section{grid-template-columns:1fr;gap:1rem}.pinyin-map-section>header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.pinyin-map-section>header p{text-align:right;max-width:280px}.pinyin-detail-workbench{grid-template-columns:1fr}.pinyin-breakdown-panel{max-width:none}.pinyin-practice-tabs button{grid-template-columns:1.8rem 1fr;padding-inline:.55rem}.pinyin-practice-tabs button>i{width:1.8rem}}@media (width<=680px){.pinyin-hero{grid-template-columns:1fr;gap:1.5rem;min-height:auto}.pinyin-hero:before{font-size:12rem;bottom:3rem;right:-2rem}.pinyin-hero:after{display:none}.pinyin-progress-card{min-height:145px}.pinyin-map{width:100%;margin-top:2.2rem}.pinyin-map-section>header{display:block}.pinyin-map-section>header p{text-align:left;max-width:none}.pinyin-unit-group{grid-template-columns:1fr;gap:.65rem}.pinyin-unit-group>header{grid-template-columns:auto 1fr;align-items:baseline;gap:.6rem}.pinyin-tone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pinyin-rule-strip{background:#fbf8f0;grid-template-columns:1fr;gap:1rem}.pinyin-detail-hero{min-height:260px;padding-inline:1rem}.pinyin-example-panel>header{flex-direction:column;align-items:start;gap:.4rem}.pinyin-example-panel>header p{text-align:left;max-width:none}.pinyin-example-panel ul{grid-template-columns:repeat(2,minmax(0,1fr))}.pinyin-practice-heading{flex-direction:column;align-items:stretch}.pinyin-practice-heading>aside{min-width:0}.pinyin-practice-tabs{grid-template-columns:repeat(2,1fr)}.pinyin-practice-tabs button{border-bottom:1px solid #c8baa5}.pinyin-practice-tabs button:nth-child(2){border-right:0}.pinyin-practice-tabs button:nth-child(n+3){border-bottom:0}.pinyin-question-card{min-height:190px}.pinyin-answer-options,.pinyin-assembly-board{grid-template-columns:1fr}.pinyin-assembly-result,.pinyin-submit-assembly{grid-column:1}.pinyin-practice-feedback{flex-direction:column;align-items:stretch}}@media (width<=390px){.pinyin-hero-actions{grid-template-columns:1fr;display:grid}.pinyin-unit-group a{min-width:38px;padding-inline:.45rem}.pinyin-equation{gap:.25rem}.pinyin-equation>span{min-height:64px}.pinyin-practice-panel{padding-inline:.75rem}.pinyin-question-meta{grid-template-columns:1fr auto}.pinyin-question-meta>div{grid-area:2/1/auto/-1}}.reading-layout{gap:1.35rem;display:grid}.reading-tabs{border:1px solid color-mix(in srgb, var(--line) 84%, transparent);background:#fbf8f0d9;border-radius:16px;align-items:center;gap:.45rem;width:fit-content;max-width:100%;padding:.4rem;display:flex;overflow-x:auto;box-shadow:0 10px 30px #6d58340d}.reading-tabs a{min-width:8rem;color:var(--muted);white-space:nowrap;border-radius:11px;align-items:center;gap:.55rem;padding:.65rem .9rem;font-weight:700;text-decoration:none;display:inline-flex}.reading-tabs a i{border:1px solid var(--line);width:1.8rem;height:1.8rem;color:var(--cinnabar);background:var(--paper-light);font:700 .9rem var(--serif);border-radius:50%;place-items:center;font-style:normal;display:grid}.reading-tabs a[aria-selected=true]{color:#fffaf0;background:var(--ink);box-shadow:0 8px 18px #28262022}.reading-tabs a[aria-selected=true] i{color:var(--ink);background:#f1dfbd;border-color:#fff8}.reading-catalog{--reading-accent:var(--cinnabar);gap:1.25rem;display:grid}.reading-idioms-page{--reading-accent:#9a5a24}.reading-hero{isolation:isolate;background:linear-gradient(125deg,#fffaf0 0 58%,#eee1c9 100%);border:1px solid #bcae94;border-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;min-height:20rem;padding:clamp(1.6rem,4vw,3.5rem);display:grid;position:relative;overflow:hidden;box-shadow:0 22px 60px #4c3d2312}.reading-hero:before{content:"";z-index:-1;opacity:.42;background:repeating-linear-gradient(90deg,#0000 0 47px,#77613b0c 48px),radial-gradient(circle at 79% 18%,#fff 0 1px,#0000 2px) 0 0/18px 18px;position:absolute;inset:0}.reading-hero:after{content:"";z-index:-1;border:1px solid #9d7e5355;border-radius:50%;width:24rem;height:24rem;position:absolute;bottom:-14rem;right:-9rem;box-shadow:0 0 0 2.8rem #fff4,0 0 0 5rem #9d7e5310}.reading-hero h1{max-width:13ch;margin-bottom:.9rem}.reading-idioms-page .reading-hero h1{max-width:16ch;font-size:clamp(2.3rem,4.5vw,4rem)}.reading-hero .lede{max-width:48rem;margin-bottom:1.5rem}.reading-hero-stats{flex-wrap:wrap;gap:.7rem;display:flex}.reading-hero-stats span{color:var(--muted);background:#fff9;border:1px solid #cfc1a8;border-radius:999px;align-items:baseline;gap:.28rem;padding:.42rem .7rem;font-size:.78rem;display:inline-flex}.reading-hero-stats strong{color:var(--ink);font:700 1.05rem var(--serif)}.reading-hero-emblem{aspect-ratio:1;background:#f9f0deaa;border:1px solid #9f8253;border-radius:50%;place-items:center;width:clamp(9rem,18vw,13rem);display:grid;position:relative;box-shadow:inset 0 0 0 12px #fff7,0 16px 36px #5d45201c}.reading-hero-emblem:after{content:"";border:1px dashed #9f825388;border-radius:50%;position:absolute;inset:13%}.reading-hero-emblem b{font:700 clamp(4rem, 8vw, 6.5rem)/1 var(--serif)}.reading-hero-emblem span{color:#fff;background:var(--reading-accent);width:2rem;height:2rem;font:700 .8rem var(--serif);place-items:center;display:grid;position:absolute;top:13%;right:12%}.reading-hero-emblem small{letter-spacing:.2em;color:var(--muted);position:absolute;bottom:13%}.reading-toolbar{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f3e9ed;border-radius:18px;grid-template-columns:minmax(16rem,1fr) auto auto;align-items:center;gap:.7rem;padding:.75rem;display:grid;position:sticky;top:.5rem;box-shadow:0 12px 30px #44371710}.reading-toolbar--idioms{grid-template-columns:minmax(14rem,1fr) auto auto auto}.reading-search{border:1px solid var(--line);background:#fffdf7;border-radius:12px;align-items:center;gap:.45rem;min-width:0;padding:.15rem .75rem;display:flex}.reading-search span{color:var(--cinnabar);font-size:1.25rem}.reading-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:.65rem 0}.reading-select{color:var(--muted);align-items:center;gap:.45rem;font-size:.78rem;display:flex}.reading-select select{border:1px solid var(--line);color:var(--ink);background:#fffdf7;border-radius:10px;padding:.68rem 2rem .68rem .75rem}.reading-toolbar output{color:var(--muted);white-space:nowrap;font-size:.78rem}.reading-workbench{grid-template-columns:minmax(17rem,22rem) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.reading-index,.reading-sheet{border:1px solid var(--line);background:#fbf7ed;border-radius:22px;box-shadow:0 16px 44px #55451f10}.reading-index{max-height:calc(100vh - 7.2rem);position:sticky;top:6.1rem;overflow:hidden}.reading-index>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1rem 1.1rem;display:flex}.reading-index>header span{font:700 1.05rem var(--serif)}.reading-index>header small{color:var(--muted)}.reading-index-list{scrollbar-width:thin;max-height:calc(100vh - 11.5rem);padding:.45rem;overflow-y:auto}.reading-index-list button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ded5c455;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.78rem;transition:background .18s,transform .18s;display:grid}.reading-index-list button:hover{background:#efe5d2}.reading-index-list button.is-active{color:#fffaf0;background:var(--ink);transform:translate(3px)}.reading-index-list button>span:first-child{color:var(--cinnabar);font:700 .75rem var(--serif)}.reading-index-list button.is-active>span:first-child{color:#e9c99a}.reading-index-list button>span:nth-child(2){gap:.18rem;min-width:0;display:grid}.reading-index-list button strong{font:700 1rem var(--serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reading-index-list button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reading-index-list button.is-active small{color:#d9d1c3}.reading-index-list button i{color:var(--reading-accent);white-space:nowrap;font-size:.7rem;font-style:normal}.reading-index-list button.is-active i{color:#ebcf9d}.idiom-index-mark{border:1px solid #c8ab7e;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.reading-sheet{background-color:#fffdf7;background-image:linear-gradient(90deg,#9c7e4812 0 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:42rem;padding:clamp(1.25rem,4vw,3.25rem);scroll-margin-top:6rem;position:relative;overflow:hidden}.reading-sheet:after{content:"";pointer-events:none;border:1px solid #b9a98d55;border-radius:16px;position:absolute;inset:.7rem}.poetry-sheet-heading,.idiom-sheet-heading{z-index:1;border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:1rem;padding-bottom:1.6rem;display:flex;position:relative}.poetry-sheet-heading>div>span:first-child,.idiom-sheet-heading>div>span:first-child{color:var(--reading-accent);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:700}.reading-annotated-title{font:700 clamp(2.2rem, 6vw, 4rem)/1.1 var(--serif);justify-content:flex-start;margin:.45rem 0 .35rem}.poetry-sheet-heading p,.idiom-sheet-heading p{color:var(--muted);margin:0}.poetry-sheet-heading>i,.idiom-sheet-heading>i{width:3.3rem;height:3.3rem;color:var(--reading-accent);font:700 1.8rem var(--serif);opacity:.8;border:2px solid;place-items:center;font-style:normal;display:grid;transform:rotate(3deg)}.poetry-original{z-index:1;text-align:center;margin:clamp(2rem,6vw,4.5rem) auto;position:relative}.poetry-original .poetry-line{font:500 clamp(1.35rem, 3vw, 2rem)/1.45 var(--serif);letter-spacing:.06em;margin:.38rem 0}.poetry-line .annotated-hanzi-text{justify-content:center}.annotated-hanzi-text{flex-wrap:wrap;align-items:flex-end;gap:.08em;max-width:100%;display:inline-flex}.annotated-hanzi-ruby{vertical-align:bottom;grid-template-rows:auto auto;place-items:end center;min-width:1em;display:inline-grid}.annotated-hanzi-ruby rt{min-height:1.3em;color:var(--muted);letter-spacing:0;white-space:nowrap;grid-row:1;font:600 max(.65rem,.34em)/1.2 ui-sans-serif,system-ui,sans-serif}.annotated-hanzi-button{min-width:1em;color:inherit;font:inherit;letter-spacing:0;cursor:pointer;background:0 0;border:0;border-radius:.14em;grid-row:2;padding:.04em .03em .08em;line-height:1;transition:color .16s,background .16s,box-shadow .16s}.annotated-hanzi-button:hover{color:var(--reading-accent);background:#a7692420}.annotated-hanzi-button:focus-visible{outline:2px solid var(--reading-accent);outline-offset:2px}.annotated-hanzi-punctuation{padding-bottom:.08em;line-height:1}.detail-dialog .button:disabled{cursor:default;opacity:.58}.reading-notes-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid;position:relative}.reading-notes-grid section{background:#fbf7edd9;border:1px solid #d8ccb8;border-radius:13px;padding:1.15rem}.reading-notes-grid section>header{align-items:center;gap:.65rem;margin-bottom:.75rem;display:flex}.reading-notes-grid section>header span{color:#fff;background:var(--reading-accent);border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-size:.65rem;display:grid}.reading-notes-grid h3{font:700 1rem var(--serif);margin:0}.reading-notes-grid p{color:#514d45;margin:0;line-height:1.85}.reading-note-english{grid-column:1/-1}.reading-note-english p{font-family:Georgia,Times New Roman,serif}.idiom-visual{z-index:1;border-left:4px solid var(--reading-accent);background:#efe2cc99;gap:.55rem;margin:1.5rem 0;padding:1.1rem 1.3rem;display:grid;position:relative}.idiom-visual span{color:var(--muted);letter-spacing:.16em;font-size:.72rem}.idiom-visual strong{font:700 clamp(1.05rem, 2.5vw, 1.4rem) var(--serif)}.idiom-notes-grid{grid-template-columns:1fr}.idiom-notes-grid .idiom-example{background:var(--ink)}.idiom-example header h3,.idiom-example blockquote{color:#fffaf0}.idiom-example blockquote{font:600 clamp(1.15rem, 2.5vw, 1.45rem)/1.7 var(--serif);margin:0 0 .65rem}.idiom-example p{color:#d5ccbd;font-family:Georgia,Times New Roman,serif}.idiom-english{font-family:Georgia,Times New Roman,serif;color:var(--reading-accent)!important;margin-top:.65rem!important}.reading-empty,.reading-sheet-empty{color:var(--muted);text-align:center;place-items:center;gap:.45rem;padding:3rem 1rem;display:grid}.reading-empty b,.reading-sheet-empty b{width:3rem;height:3rem;color:var(--reading-accent);font:700 1.4rem var(--serif);border:1px solid;place-items:center;display:grid}.reading-sheet-empty{min-height:30rem}@media (width<=920px){.reading-toolbar,.reading-toolbar--idioms{grid-template-columns:minmax(0,1fr) auto}.reading-toolbar output{grid-column:1/-1;padding-left:.3rem}.reading-workbench{grid-template-columns:1fr}.reading-index{max-height:24rem;position:static}.reading-index-list{max-height:19rem}.reading-sheet{min-height:0}}@media (width<=620px){.reading-layout{gap:.8rem}.reading-tabs{width:100%}.reading-tabs a{flex:1;justify-content:center;min-width:0;padding-inline:.55rem}.reading-tabs a i{display:none}.reading-hero{border-radius:20px;grid-template-columns:1fr;min-height:0;padding:1.35rem}.reading-hero h1{font-size:2.25rem}.reading-idioms-page .reading-hero h1{font-size:2rem}.reading-hero-emblem{display:none}.reading-toolbar,.reading-toolbar--idioms{grid-template-columns:1fr;position:static}.reading-select{justify-content:space-between}.reading-select select{flex:1}.reading-toolbar output{grid-column:auto}.reading-index{border-radius:16px}.reading-sheet{border-radius:17px;padding:1.35rem}.reading-annotated-title{font-size:2.2rem}.poetry-sheet-heading>i,.idiom-sheet-heading>i{width:2.6rem;height:2.6rem;font-size:1.3rem}.poetry-original{margin-block:2.2rem}.reading-notes-grid{grid-template-columns:1fr}.reading-note-english{grid-column:auto}}.games-page{--game-ink:#2d2a24;--game-red:#a63f2e;--game-blue:#416d7b;--game-green:#47735a;width:min(100%,1120px);margin:0 auto}.games-hero{background:linear-gradient(120deg,#fbf8f0 0 70%,#e4dac9 70%);border:1px solid #c8baa4;justify-content:space-between;align-items:end;gap:2rem;min-height:218px;padding:clamp(1.6rem,4vw,2.8rem);display:flex;position:relative;overflow:hidden;box-shadow:10px 11px #ded3c1}.games-hero:before{content:"游";color:#8e806b10;font:500 16rem/1 var(--serif);pointer-events:none;position:absolute;bottom:-3.8rem;right:18%;transform:rotate(-8deg)}.games-hero-copy{z-index:1;max-width:700px;position:relative}.games-hero-copy h1{margin-bottom:.65rem;font-size:clamp(3rem,7vw,5.4rem)}.games-hero-copy>p:not(.eyebrow){max-width:580px;color:var(--muted);font:500 1rem/1.75 var(--serif);margin:0}.games-hero-stamp{z-index:1;aspect-ratio:1;border:3px double var(--game-red);width:110px;color:var(--game-red);place-items:center;padding:.65rem;display:grid;position:relative;transform:rotate(7deg)}.games-hero-stamp:before{content:"";border:1px solid;position:absolute;inset:.38rem}.games-hero-stamp b{font:600 3.4rem/1 var(--serif)}.games-hero-stamp span{letter-spacing:.15em;font-size:.55rem;position:absolute;bottom:.35rem;right:.35rem}.games-mode-tabs{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:2.25rem 0 1.25rem;display:grid}.games-mode-tabs button{border:0;border-right:1px solid var(--line);min-height:86px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;grid-template-columns:3rem minmax(0,1fr) 1.3rem;align-items:center;gap:.8rem;padding:.8rem 1rem;display:grid;position:relative}.games-mode-tabs button:last-child{border-right:0}.games-mode-tabs button:after{content:"";background:0 0;height:3px;transition:all .2s;position:absolute;bottom:-1px;left:.8rem;right:.8rem;transform:scaleX(.12)}.games-mode-tabs button:hover{color:var(--game-ink);background:#fff8}.games-mode-tabs button.is-active{color:var(--game-red);background:#fbf8f0aa}.games-mode-tabs button.is-active:after{background:var(--game-red);transform:scaleX(1)}.games-mode-tabs button>span:nth-child(2){gap:.22rem;min-width:0;display:grid}.games-mode-tabs b{color:var(--game-ink);font:600 1rem var(--serif)}.games-mode-tabs small{color:var(--muted);font-size:.62rem}.games-mode-tabs i{opacity:.45;font-size:1.25rem;font-style:normal}.games-tab-mark{aspect-ratio:1;width:3rem;font:600 1.5rem var(--serif);border:1px solid;place-items:center;display:grid}.games-toolbar{border:1px solid var(--line);background:#eee7d85c;justify-content:space-between;align-items:center;gap:1rem;min-height:58px;padding:.55rem .8rem;display:flex}.games-scope{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.games-toolbar-label{color:var(--game-red);letter-spacing:.15em;font-size:.62rem;font-weight:750}.games-select{color:var(--muted);align-items:center;gap:.45rem;font-size:.65rem;display:inline-flex}.games-select select{min-height:2rem;color:var(--game-ink);background:#fffdf8;border:1px solid #cdbfa9;padding:.25rem 1.8rem .25rem .55rem;font-size:.7rem}.games-available{color:var(--muted);font-size:.6rem}.games-restart{border:1px solid var(--line);min-height:2rem;padding:.25rem .65rem;font-size:.65rem}.games-restart span{margin-left:.35rem;font-size:1rem}.games-scoreboard{border:1px solid #c8baa4;border-top:3px solid var(--game-red);background:#fffaf0cf;grid-template-columns:1.3fr .8fr .65fr .65fr minmax(210px,1.5fr);align-items:center;gap:1rem;min-height:90px;margin:1.25rem 0 1rem;padding:.85rem 1rem;display:grid;box-shadow:5px 6px #ded3c180}.games-scoreboard>div{border-left:1px solid var(--line);align-content:center;gap:.2rem;min-height:45px;padding-left:1rem;display:grid}.games-scoreboard>div:first-child{border-left:0;padding-left:0}.games-scoreboard span{color:var(--muted);font-size:.6rem}.games-scoreboard b{font:600 1.15rem var(--serif)}.games-score-main strong{color:var(--game-red);font:600 2.1rem/1 var(--serif)}.games-score-main span{color:var(--game-red);font-weight:700}.games-scoreboard small{color:var(--muted);font-size:.65rem;font-weight:400}.games-score-tip{padding-right:2.7rem;position:relative}.games-score-tip i{aspect-ratio:1;border:1px solid var(--game-blue);width:2rem;color:var(--game-blue);font:normal 1.1rem var(--serif);place-items:center;display:grid;position:absolute;right:.7rem;transform:rotate(8deg)}.games-feedback{border-left:3px solid var(--game-green);min-height:2.5rem;color:var(--game-green);font:600 .78rem var(--serif);background:#e6efe9;align-items:center;gap:.55rem;margin:.75rem 0;padding:.55rem .8rem;display:flex}.games-feedback.is-wrong{border-color:var(--game-red);color:var(--game-red);background:#f5e4dd}.games-feedback.is-complete{color:#94611f;background:#f5ebd5;border-color:#b5792c}.games-feedback>span{aspect-ratio:1;width:1.35rem;font:.72rem var(--sans);border:1px solid;border-radius:50%;place-items:center;display:grid}.games-board{background:linear-gradient(135deg,#e8dece 0 50%,#e2d5c3 50%);border:1px solid #c8baa4;grid-template-columns:minmax(0,1fr) 4.3rem minmax(0,1fr);align-items:start;gap:1rem;padding:1rem;display:grid}.games-column{background:#fbf8f0e8;border:1px solid #c8baa4;min-width:0;padding:.85rem;box-shadow:4px 5px #c8baa455}.games-column>header{align-items:center;gap:.6rem;min-height:43px;margin-bottom:.8rem;display:flex}.games-column>header>span{color:var(--game-red);font:600 .6rem var(--sans);letter-spacing:.12em}.games-column>header>div{gap:.12rem;display:grid}.games-column>header b{font:600 .94rem var(--serif)}.games-column>header small{color:var(--muted);font-size:.59rem}.games-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.games-card{border:1px solid #cfc1ac;border-top:3px solid var(--game-blue);min-height:93px;color:var(--game-ink);cursor:pointer;text-align:center;background:#fffdf8;align-content:center;place-items:center;gap:.25rem;padding:.75rem .65rem .6rem;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid;position:relative;box-shadow:2px 3px #d6c9b6}.games-card--answer{border-top-color:var(--game-red)}.games-card:hover:not(:disabled){border-color:var(--game-blue);transform:translate(-1px,-2px);box-shadow:4px 5px #d0c2ae}.games-card--answer:hover:not(:disabled){border-color:var(--game-red)}.games-card.is-selected{border-color:var(--game-blue);box-shadow:inset 0 0 0 1px var(--game-blue), 4px 5px 0 #c1d4d6;background:#e3eef0;transform:translate(-1px,-2px)}.games-card--answer.is-selected{border-color:var(--game-red);box-shadow:inset 0 0 0 1px var(--game-red), 4px 5px 0 #dfc3b9;background:#f4e3dd}.games-card.is-matched{border-color:var(--game-green);color:var(--game-green);cursor:default;opacity:.78;box-shadow:none;background:#e8f0e9}.games-card-label{max-width:100%;font:600 1.75rem/1.15 var(--serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.games-card-overline{max-width:100%;color:var(--game-blue);font:600 .68rem/1.1 var(--sans);letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.games-card--answer .games-card-label{font:600 .91rem/1.4 var(--serif);white-space:normal;overflow-wrap:anywhere}.games-card small{max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.58rem;overflow:hidden}.games-card>i{color:#bbaa90;font:normal .72rem var(--serif);position:absolute;bottom:.3rem;right:.35rem}.games-card.is-matched>i{color:var(--game-green)}.games-connector{color:#b29978;align-content:center;justify-items:center;gap:.5rem;padding-top:6.7rem;display:grid}.games-connector i{aspect-ratio:1;width:2.1rem;font:normal .9rem var(--serif);border:1px solid;border-radius:50%;place-items:center;display:grid}.games-connector span{opacity:.7;background:currentColor;width:1px;height:35px}.games-board-note{color:var(--muted);text-align:center;margin:.85rem 0 0;font-size:.65rem}.games-composition-board{background:linear-gradient(135deg,#e8dece 0 50%,#e2d5c3 50%);border:1px solid #c8baa4;grid-template-columns:minmax(0,1fr) 205px;align-items:start;gap:1rem;padding:1rem;display:grid}.games-composition-preview{border:1px solid #bfae92;border-top:3px solid var(--game-red);background:#fffaf0e8;grid-column:1/-1;padding:.85rem 1rem 1rem;box-shadow:4px 5px #c8baa455}.games-composition-preview.is-hint{border-top-color:var(--game-blue)}.games-composition-preview-heading{min-height:2rem;color:var(--game-red);align-items:baseline;gap:.55rem;display:flex}.games-composition-preview-heading span{font:600 .95rem var(--serif)}.games-composition-preview-heading strong{font:600 1.6rem/1 var(--serif);margin-left:auto}.games-composition-preview-heading small{color:var(--muted);font-size:.62rem}.games-composition-preview-characters{grid-template-columns:repeat(auto-fit,minmax(2.05rem,1fr));gap:.35rem;margin-top:.6rem;display:grid}.games-composition-preview-characters b{min-height:2.15rem;color:var(--ink);font:600 1.25rem var(--serif);background:#fffdf8;border:1px solid #d6c9b6;place-items:center;display:grid}.games-word-composition-preview b{padding-inline:.35rem;font-size:1rem}.games-composition-grid{background:#fbf8f0e8;border:1px solid #c8baa4;grid-template-columns:repeat(8,minmax(0,1fr));gap:.4rem;min-width:590px;padding:.7rem;display:grid;box-shadow:4px 5px #c8baa455}.games-composition-slot{aspect-ratio:1;min-width:0;color:var(--game-ink);cursor:pointer;font:600 clamp(1.2rem, 3vw, 2rem) var(--serif);background:#fffdf8;border:1px solid #cfc1ac;place-items:center;padding:.1rem;transition:transform .16s,border-color .16s,background .16s,opacity .16s;display:grid;position:relative;box-shadow:2px 3px #d6c9b6}button.games-composition-slot:hover{border-color:var(--game-blue);background:#e3eef0;transform:translate(-1px,-1px)}button.games-composition-slot.is-selected{border-color:var(--game-red);box-shadow:inset 0 0 0 2px var(--game-red), 3px 4px 0 #dfc3b9;background:#f4e3dd;transform:translate(-1px,-1px)}.games-composition-slot.is-cleared{box-shadow:none;opacity:0;background:0 0;border-color:#0000}.games-composed-list{border:1px solid #bfae92;border-top:3px solid var(--game-red);background:#fbf8f0e8;min-height:200px;padding:.85rem;box-shadow:4px 5px #c8baa455}.games-composed-list>header{border-bottom:1px solid var(--line);gap:.22rem;padding-bottom:.7rem;display:grid}.games-composed-list>header span{color:var(--game-red);letter-spacing:.18em;font-size:.58rem;font-weight:750}.games-composed-list>header b{font:600 .95rem var(--serif)}.games-composed-list>header small{color:var(--muted);font-size:.58rem;line-height:1.45}.games-hint-button{border:1px solid var(--game-blue);width:100%;min-height:2rem;color:var(--game-blue);cursor:pointer;background:#e3eef0;margin-top:.35rem;font-size:.62rem}.games-hint-button:hover:not(:disabled){background:#d5e6e9}.games-hint-button:disabled{border-color:var(--line);color:#a39b8e;cursor:not-allowed;background:#f1ece2}.games-composed-list ul{gap:.45rem;max-height:420px;margin:.7rem 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.games-composed-list li{border-left:2px solid var(--game-green);background:#e8f0e9;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.5rem;min-height:42px;padding:.35rem .45rem;display:grid}.games-composed-list li strong{color:var(--game-green);font:600 1.45rem var(--serif);text-align:center}.games-composed-list li span{color:var(--muted);font:.65rem var(--serif)}.games-composed-list>p{color:var(--muted);text-align:center;margin:1.1rem 0 0;font-size:.65rem;line-height:1.6}.games-composition-grid button:focus-visible{outline-offset:2px;outline:2px solid #cf7b43}.games-empty{text-align:center;background:#fbf8f0aa;border:1px dashed #c8baa4;align-content:center;place-items:center;gap:.7rem;min-height:300px;padding:3.2rem 1.5rem;display:grid}.games-empty-mark{aspect-ratio:1;border:1px solid var(--game-red);width:3.5rem;color:var(--game-red);font:1.8rem var(--serif);place-items:center;display:grid;transform:rotate(-5deg)}.games-empty h2{font:600 1.35rem var(--serif);margin:0}.games-empty p{max-width:420px;color:var(--muted);margin:0;font-size:.75rem;line-height:1.7}.games-mode-tabs button:focus-visible,.games-card:focus-visible,.games-select select:focus-visible,.games-restart:focus-visible{outline-offset:2px;outline:2px solid #cf7b43}@media (width<=760px){.games-hero{min-height:190px;padding:1.4rem;box-shadow:7px 8px #ded3c1}.games-hero-stamp{width:76px}.games-hero-stamp b{font-size:2.3rem}.games-scoreboard{grid-template-columns:1.2fr .8fr .65fr .65fr}.games-score-tip{border-top:1px solid var(--line);grid-column:1/-1;border-left:0!important;min-height:30px!important;padding:.4rem 0 0!important}.games-score-tip i{top:.25rem;right:0}.games-board{grid-template-columns:1fr;gap:.75rem}.games-connector{justify-content:center;padding:0;display:flex}.games-connector span{width:35px;height:1px}.games-connector i:last-child{display:none}.games-composition-board{grid-template-columns:1fr;gap:.75rem;overflow:hidden}.games-composition-grid{width:max-content}.games-composed-list{min-height:0}.games-composed-list ul{grid-template-columns:repeat(2,minmax(0,1fr));max-height:220px}}@media (width<=500px){.games-hero-stamp{display:none}.games-mode-tabs button{grid-template-columns:2.3rem minmax(0,1fr);gap:.55rem;padding-inline:.55rem}.games-mode-tabs button>i{display:none}.games-tab-mark{width:2.3rem;font-size:1.15rem}.games-toolbar{flex-direction:column;align-items:stretch}.games-restart{align-self:start}.games-scoreboard{gap:.5rem;padding-inline:.7rem}.games-scoreboard>div{padding-left:.55rem}.games-card-grid{gap:.45rem}.games-card{min-height:82px;padding-inline:.4rem}.games-card-label{font-size:1.45rem}.games-card--answer .games-card-label{font-size:.8rem}}.speaking-page{width:min(100%,980px);margin:0 auto}.speaking-heading{border-bottom:1px solid #b8aa94;justify-content:space-between;align-items:end;gap:2rem;padding-bottom:1.5rem;display:flex}.speaking-heading h1{font:600 clamp(2.5rem, 6vw, 4.5rem)/1 var(--serif);margin:.35rem 0 .55rem}.speaking-heading p:last-child{color:var(--muted);font:500 .9rem/1.7 var(--serif);margin:0}.speaking-toolbar{align-items:end;gap:.75rem;display:flex}.speaking-filter{color:var(--muted);letter-spacing:.08em;gap:.35rem;font-size:.6rem;display:grid}.speaking-filter select{min-height:38px;color:var(--ink);font:inherit;letter-spacing:normal;background:#fffdf7;border:1px solid #bcae98;padding:.45rem 2rem .45rem .65rem}.speaking-progress{border-top:3px solid var(--cinnabar);background:#fbf8f0b8;gap:.25rem;min-width:130px;padding:.85rem 1rem;display:grid;box-shadow:4px 5px #ddd2bf}.speaking-progress span{color:var(--muted);letter-spacing:.12em;font-size:.6rem}.speaking-progress strong{font:600 1.8rem/1 var(--serif)}.speaking-progress i{color:var(--muted);margin-inline:.2rem;font-size:.75rem;font-style:normal}.speaking-prompt-card{text-align:center;background:radial-gradient(circle at 50% 35%,#fffdf7 0 25%,#0000 65%),repeating-linear-gradient(0deg,#0000 0 31px,#7964430a 32px),#eee7da;border:1px solid #c8baa5;align-content:center;place-items:center;gap:.9rem;min-height:330px;margin-top:2rem;padding:2.2rem clamp(1.2rem,5vw,4rem);display:grid;position:relative;box-shadow:8px 9px #ddd2bf}.speaking-sentence{max-width:760px;font:600 clamp(1.35rem, 3vw, 2rem)/1.6 var(--serif);margin:0}.speaking-sentence mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.18em;padding:.04em .1em}.speaking-score--high{background:#ccefd4;box-shadow:inset 0 -2px #50a665}.speaking-score--medium{background:#ffedaf;box-shadow:inset 0 -2px #d59e25}.speaking-score--low{background:#ffd2cc;box-shadow:inset 0 -2px #d45b4f}.speaking-translation{max-width:650px;color:var(--muted);margin:0;font-size:.82rem;line-height:1.6}.speaking-prompt-card .audio-control{margin-top:.25rem}.speaking-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;min-height:84px;margin:1.5rem 0 .6rem;display:flex}.speaking-record-button,.speaking-next-button{color:#fff;background:var(--cinnabar);cursor:pointer;border:0;min-height:48px;padding:.75rem 1.35rem;font-size:.76rem;font-weight:750;box-shadow:3px 4px #d2b8a5}.speaking-record-button span{margin-right:.45rem}.speaking-record-button.is-recording{background:var(--ink);animation:1.3s ease-in-out infinite speaking-pulse}.speaking-record-button:disabled{color:#91897c;cursor:wait;box-shadow:none;background:#d9d0c1}.speaking-next-button{color:var(--ink);background:#fffdf7;border:1px solid #bcae98;box-shadow:2px 3px #ded3c1}.speaking-processing{color:var(--muted);font-size:.72rem}.speaking-error{border-left:4px solid var(--cinnabar);max-width:700px;color:var(--cinnabar-dark);background:#f2dfd9;margin:0 auto 1rem;padding:.7rem 1rem;font-size:.72rem}.speaking-pagination{justify-content:center;align-items:center;gap:.8rem;margin:.25rem 0 1.5rem;display:flex}.speaking-pagination button{min-width:76px;min-height:36px;color:var(--ink);cursor:pointer;background:#fffdf7;border:1px solid #bcae98;padding:.45rem .7rem;font-size:.68rem}.speaking-pagination button:disabled{color:#a9a092;cursor:not-allowed;background:#e8e1d5}.speaking-pagination span{min-width:100px;color:var(--muted);text-align:center;font-size:.68rem}.speaking-result{border-top:3px solid var(--known);background:#fbf8f0b8;margin-top:.8rem;padding:1.25rem;box-shadow:5px 6px #dfd5c4}.speaking-result>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:1rem;padding-bottom:1rem;display:flex}.speaking-result h2{font:600 1.5rem var(--serif);margin:.25rem 0 0}.speaking-result>header>strong{color:var(--known);font:600 2.8rem/1 var(--serif)}.speaking-result>header small{color:var(--muted);font:600 .72rem var(--sans);margin-left:.2rem}.speaking-score-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.8rem;padding:1rem 0 0;font-size:.62rem;display:flex}.speaking-score-legend span{align-items:center;gap:.3rem;display:inline-flex}.speaking-score-dot{border-radius:50%;width:.7rem;height:.7rem;display:inline-block}.speaking-score-dot--high{background:#50a665}.speaking-score-dot--medium{background:#d59e25}.speaking-score-dot--low{background:#d45b4f}.speaking-score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:1.2rem 0;display:grid}.speaking-score-grid>div{grid-template-columns:1fr auto;align-items:center;gap:.35rem .6rem;display:grid}.speaking-score-grid span{color:var(--muted);font-size:.62rem}.speaking-score-grid b{font:600 1rem var(--serif)}.speaking-score-grid i{background:#d8d0c2;grid-column:1/-1;height:4px;overflow:hidden}.speaking-score-grid em{background:var(--known);height:100%;transition:width .35s;display:block}.speaking-recognized{background:#f0e4d3;border-left:3px solid #9b6d32;gap:.8rem;margin:0 0 1rem;padding:.7rem .8rem;font-size:.72rem;display:flex}.speaking-recognized span{color:var(--muted)}.speaking-recognized b{font-family:var(--serif)}.speaking-empty{text-align:center;align-content:center;place-items:center;gap:.7rem;min-height:470px;display:grid}.speaking-empty>span{color:#c8baa5;font:5.5rem/1 var(--serif)}.speaking-empty h2{font:600 1.7rem var(--serif);margin:0}.speaking-empty p{max-width:420px;color:var(--muted);margin:0;font-size:.72rem;line-height:1.7}@keyframes speaking-pulse{50%{box-shadow:0 0 0 6px #28262018}}@media (width<=680px){.speaking-heading{flex-direction:column;align-items:stretch;gap:1rem}.speaking-toolbar{flex-direction:column;align-items:stretch}.speaking-filter select{width:100%}.speaking-progress{min-width:0}.speaking-prompt-card{min-height:300px;margin-top:1.4rem}.speaking-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.speaking-recognized{flex-direction:column;align-items:start;gap:.25rem}}