@font-face{font-family:"Moci Serif Fallback";src:local("Iowan Old Style"),local("Songti SC"),local("STSong");font-display:swap}:root{color:#17344b;background:#f2ecdf;font-family:Avenir Next,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #17344b;--ink-soft: #506477;--paper: #f8f4e9;--paper-deep: #eee6d6;--red: #d45d45;--red-deep: #aa4636;--sage: #748c78;--sage-pale: #dfe7dc;--gold: #b58a3f;--line: rgba(23, 52, 75, .14);--shadow: 0 24px 70px rgba(37, 43, 43, .12);--serif: "Moci Serif Fallback", "Iowan Old Style", "Songti SC", serif}*{box-sizing:border-box}html{min-height:100%;background:var(--paper-deep);scroll-behavior:smooth}html.ink-session-active,html.ink-session-active body,html.ink-session-active #root{height:100%;overflow:hidden;overscroll-behavior:none}html.ink-session-active,html.ink-session-active body,html.ink-session-active body *{user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh;background:radial-gradient(circle at 13% 2%,rgba(255,255,255,.85),transparent 34rem),radial-gradient(circle at 93% 30%,rgba(116,140,120,.13),transparent 26rem),repeating-linear-gradient(90deg,rgba(36,56,69,.014) 0 1px,transparent 1px 4px),#f2ecdf;overscroll-behavior-y:none}button,input,textarea{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:not(:disabled){cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(212,93,69,.34);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.47}#root{min-height:100vh;min-height:100svh}.app-loading{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;color:var(--ink-soft)}.app-loading .brand__seal{margin:0 0 .7rem}.app-loading>p{margin:0;font:italic 1rem/1.4 var(--serif)}.dashboard,.setup-page,.summary-page,.library-page{width:min(100%,1440px);margin:0 auto;padding:max(1.15rem,env(safe-area-inset-top)) max(1.35rem,env(safe-area-inset-right)) max(3rem,env(safe-area-inset-bottom)) max(1.35rem,env(safe-area-inset-left))}.page-enter{animation:page-materialize .52s cubic-bezier(.2,.8,.2,1) both}@keyframes page-materialize{0%{opacity:0;transform:translateY(8px) scale(.995);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.topbar,.compact-header,.test-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{border:0;background:transparent;display:inline-flex;align-items:center;gap:.72rem;padding:.3rem;min-height:52px;text-align:left}.brand__seal{width:43px;height:43px;display:grid;place-items:center;color:#fff8eb;background:var(--red);border-radius:5px 12px 7px 10px;box-shadow:inset 0 0 0 1px #ffffff3b,0 5px 14px #923f2f33;font:700 1.45rem/1 var(--serif);transform:rotate(-2deg)}.brand__seal--large{width:58px;height:58px;font-size:1.9rem;margin-bottom:1.2rem}.brand__wordmark{display:flex;flex-direction:column}.brand__wordmark strong{font:700 1.22rem/1.1 var(--serif);letter-spacing:.08em}.brand__wordmark small{margin-top:.25rem;font-size:.62rem;letter-spacing:.17em;color:var(--ink-soft)}.topbar__actions,.hero-panel__actions,.summary-actions,.result-actions{display:flex;align-items:center;gap:.72rem}.privacy-pill,.private-mark,.integrity-note__status{min-height:34px;display:inline-flex;align-items:center;gap:.42rem;padding:.4rem .72rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:#f8f4e98f;font-size:.76rem;letter-spacing:.04em}.primary-button,.secondary-button,.text-button,.icon-button,.keyboard-toggle,.tool-button{border:0;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;transition:transform .13s ease-out,box-shadow .18s ease,background-color .18s ease,color .18s ease}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.icon-button:active:not(:disabled),.keyboard-toggle:active:not(:disabled),.tool-button:active:not(:disabled){transform:scale(.97);transition-duration:70ms}.primary-button{padding:.78rem 1.12rem;color:#fffaf0;background:var(--ink);border-radius:13px;box-shadow:0 9px 22px #17344b2e;font-weight:650}.primary-button:hover:not(:disabled){background:#0e293d;box-shadow:0 11px 28px #17344b40}.primary-button--wide{width:100%}.secondary-button{padding:.72rem 1rem;color:var(--ink);background:#ffffff8a;border:1px solid rgba(23,52,75,.17);border-radius:13px;font-weight:620}.secondary-button:hover:not(:disabled){background:#ffffffc7}.text-button{background:transparent;padding:.55rem .5rem;color:var(--ink-soft);font-weight:620}.text-button:hover{color:var(--red-deep)}.text-button--arrow{color:var(--ink)}.icon-button{width:46px;padding:0;background:#ffffff8c;border:1px solid var(--line);border-radius:50%}.icon-button--plain{width:44px;min-height:44px;background:transparent;border-color:transparent}.hero-panel{min-height:430px;margin-top:2rem;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.72fr);overflow:hidden;position:relative;background:linear-gradient(115deg,#ffffffb8,#ffffff3b),repeating-linear-gradient(0deg,transparent 0 35px,rgba(49,82,101,.055) 35px 36px),#f7f1e4;border:1px solid rgba(42,61,73,.12);border-radius:30px 9px;box-shadow:var(--shadow)}.hero-panel:before{content:"";position:absolute;inset:0 auto 0 24px;width:1px;background:#d45d4559}.hero-panel:after{content:"VOCABULARY · HANDWRITING · MEMORY";position:absolute;left:10px;bottom:2rem;writing-mode:vertical-rl;font-size:.52rem;letter-spacing:.15em;color:#17344b66}.hero-panel__copy{padding:clamp(2.8rem,6vw,5.5rem) clamp(2.5rem,7vw,7rem);align-self:center;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;color:var(--red-deep)}.hero-panel h1{margin:.8rem 0 1.15rem;font:700 clamp(3.35rem,7vw,6.7rem)/.96 var(--serif);letter-spacing:-.055em;color:var(--ink)}.hero-panel h1 em{color:var(--red);font-style:normal;position:relative}.hero-panel h1 em:after{content:"";position:absolute;height:8px;left:.05em;right:-.15em;bottom:-.06em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='10' viewBox='0 0 250 10'%3E%3Cpath d='M2 7c54-7 139-2 246-5' stroke='%23d45d45' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}.hero-panel__copy>p{max-width:37rem;margin:0 0 1.9rem;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.8;color:var(--ink-soft)}.hero-panel__folio{position:relative;min-width:0;padding:4rem 2.3rem 2.6rem;color:#f9f3e6;background:linear-gradient(150deg,rgba(255,255,255,.08),transparent 45%),var(--ink);display:flex;flex-direction:column;justify-content:center;gap:1.2rem}.folio-stamp{position:absolute;right:1.5rem;top:1.4rem;width:66px;height:66px;display:grid;place-items:center;border:2px solid rgba(248,241,225,.5);border-radius:50%;font:700 1.35rem/1 var(--serif);transform:rotate(8deg);opacity:.75}.folio-line{display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 .8rem;padding-bottom:1.15rem;border-bottom:1px solid rgba(255,255,255,.14)}.folio-line>span{font-size:.83rem;letter-spacing:.12em;opacity:.72}.folio-line strong{grid-row:1 / 3;grid-column:2;font:600 3.3rem/.85 var(--serif)}.folio-line small{margin-top:.36rem;font-size:.65rem;letter-spacing:.1em;opacity:.42}.folio-progress{height:6px;background:#ffffff1f;overflow:hidden;border-radius:99px}.folio-progress span{display:block;height:100%;min-width:2%;background:var(--red);border-radius:inherit}.hero-panel__folio>p{margin:0;font:italic 1rem/1.55 var(--serif);opacity:.65}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0 4rem}.quick-card{min-height:116px;padding:1.25rem 1.4rem;display:grid;grid-template-columns:auto 1fr;gap:.85rem 1rem;align-items:center;background:#f9f5ebad;border:1px solid var(--line);border-radius:8px 19px}.quick-card>svg{color:var(--red)}.quick-card div{display:flex;align-items:baseline;gap:.55rem}.quick-card strong{font:650 2rem/1 var(--serif)}.quick-card span{font-weight:650}.quick-card small{grid-column:2;color:var(--ink-soft)}.quick-card--muted>svg{color:var(--sage)}.section-heading{margin:0 0 1.4rem;display:flex;align-items:end;justify-content:space-between;gap:1.2rem}.section-heading h2{margin:.32rem 0 0;font:650 clamp(1.75rem,3vw,2.7rem)/1.1 var(--serif);letter-spacing:-.025em}.section-heading--compact{margin-bottom:.8rem}.unit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.unit-card{--unit-accent: var(--red);min-height:190px;padding:1.25rem;border:1px solid var(--line);border-top:4px solid var(--unit-accent);border-radius:6px 18px 9px 15px;color:var(--ink);background:#f9f6edb8;text-align:left;display:flex;flex-direction:column;align-items:flex-start;animation:unit-arrive .43s calc(var(--delay) + .12s) both ease-out;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease}@keyframes unit-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.unit-card:hover{transform:translateY(-5px) rotate(-.25deg);box-shadow:0 17px 38px #252b2b1a;background:#faf6ec}.unit-card__number{font-size:.66rem;letter-spacing:.16em;font-weight:750;color:var(--unit-accent)}.unit-card__title{margin-top:1.1rem;font:650 1.35rem/1.12 var(--serif)}.unit-card__subtitle{margin-top:.33rem;font-size:.88rem;color:var(--ink-soft)}.unit-card__meta{margin-top:auto;font-size:.7rem;color:var(--ink-soft)}.unit-card__bar{width:100%;height:4px;margin-top:.7rem;border-radius:99px;overflow:hidden;background:#17344b17}.unit-card__bar i{display:block;height:100%;min-width:1%;background:var(--unit-accent)}.integrity-note{margin-top:1.6rem;padding:1.3rem 1.5rem;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;background:#e1e8dc8c;border:1px solid rgba(76,107,82,.15);border-radius:15px}.integrity-note__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#f8f4e9;background:var(--sage)}.integrity-note strong{font-family:var(--serif);font-size:1.02rem}.integrity-note p{margin:.25rem 0 0;color:var(--ink-soft);font-size:.83rem;line-height:1.55}.integrity-note__status{color:var(--sage);border-color:#53705838;font-weight:750}.login-page{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:1.18fr .82fr;background:var(--paper)}.login-illustration{position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent),repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.045) 47px 48px),var(--ink)}.login-illustration:before,.login-illustration:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.login-illustration:before{width:38rem;height:38rem;left:-16rem;top:-17rem}.login-illustration:after{width:26rem;height:26rem;right:-8rem;bottom:-9rem}.login-book{width:min(44vw,380px);aspect-ratio:4 / 5;padding:3rem;position:relative;color:var(--ink);background:var(--paper);box-shadow:38px 36px #00000024,0 35px 80px #00000040;transform:rotate(-5deg)}.login-book:before{content:"";position:absolute;inset:0 auto 0 1.6rem;width:1px;background:#d45d4573}.login-book>span{display:block;font:700 7rem/1 var(--serif);color:var(--red)}.login-book i{display:block;height:1px;margin-top:2.5rem;background:#17344b33}.login-book svg{position:absolute;right:2rem;bottom:2rem;width:5rem;height:5rem;color:var(--sage)}.login-illustration>p{position:absolute;left:3.5rem;bottom:2.5rem;color:#ffffffb8;font:italic 1.35rem/1.35 var(--serif)}.login-card{width:min(100%,520px);margin:auto;padding:clamp(2rem,6vw,5rem)}.login-card h1{margin:.7rem 0 .8rem;font:700 clamp(2.5rem,5vw,4.3rem)/1 var(--serif);letter-spacing:-.045em}.login-card>p{margin:0 0 2rem;color:var(--ink-soft);line-height:1.75}.login-card form label{display:block;margin-bottom:.55rem;font-weight:650;font-size:.84rem}.password-field{height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:0 .8rem 0 1rem;border:1px solid var(--line);border-radius:12px;background:#fff9}.password-field:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #d45d451a}.password-field input{width:100%;border:0;outline:0;background:transparent;font-size:1.1rem}.password-field button{width:44px;height:44px;border:0;background:transparent}.login-card form .primary-button{margin-top:1rem}.login-error{margin:.6rem 0 0;color:var(--red-deep);font-size:.82rem}.offline-demo-button{width:100%;min-height:44px;margin-top:.6rem;border:0;background:transparent;color:var(--ink-soft);font-weight:620}.login-card>small{display:block;margin-top:1.3rem;text-align:center;color:#17344b85;line-height:1.5}.compact-header{padding-bottom:1rem;border-bottom:1px solid var(--line)}.compact-header>div{display:flex;flex-direction:column;align-items:center}.compact-header>div span{font-size:.62rem;letter-spacing:.17em;color:var(--red-deep);font-weight:750}.compact-header>div strong{margin-top:.2rem;font:650 1.2rem/1.2 var(--serif)}.setup-layout{max-width:1240px;margin:2.2rem auto 0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.58fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}.setup-main{display:flex;flex-direction:column;gap:2.2rem}.step-block{padding-bottom:2.2rem;border-bottom:1px solid var(--line)}.step-title{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.step-title>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font:700 .72rem/1 var(--serif)}.step-title>div{display:flex;flex-direction:column}.step-title strong{font:650 1.25rem/1.25 var(--serif)}.step-title small{margin-top:.18rem;color:var(--ink-soft)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.mode-card{min-height:156px;position:relative;padding:1.15rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left;border:1px solid var(--line);border-radius:11px 20px;background:#f9f6edb8;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.mode-card:hover:not(:disabled){transform:translateY(-3px)}.mode-card.is-selected{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red),0 10px 26px #653f2f14;background:#faf5e9}.mode-card__icon{width:44px;height:44px;display:grid;place-items:center;color:var(--red);border-radius:50%;background:#d45d451a}.mode-card strong{margin-top:.35rem;font-family:var(--serif);font-size:1.05rem}.mode-card small{color:var(--ink-soft);line-height:1.5}.mode-card__check{position:absolute;top:.85rem;right:.85rem;width:25px;height:25px;display:grid;place-items:center;color:#fff;background:var(--red);border-radius:50%}.mode-card__locked{position:absolute;left:1rem;bottom:.7rem;color:var(--red-deep);font-size:.7rem;font-weight:700}.segmented-control{display:inline-flex;padding:4px;background:#17344b12;border-radius:13px}.segmented-control button{min-height:44px;padding:.55rem 1.15rem;border:0;border-radius:10px;color:var(--ink-soft);background:transparent}.segmented-control button.is-selected{color:var(--ink);background:var(--paper);box-shadow:0 3px 10px #17344b17;font-weight:650}.unit-pills{margin-top:.9rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.unit-pills button{min-height:54px;padding:.45rem .7rem;display:flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:10px;background:#ffffff59;font-weight:700}.unit-pills button small{color:var(--ink-soft);font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-pills button.is-selected{border-color:var(--red);color:var(--red-deep);background:#ffffffb3}.size-options{display:flex;gap:.65rem}.size-options button{min-width:110px;min-height:78px;position:relative;border:1px solid var(--line);border-radius:12px;background:#ffffff5c}.size-options button strong{font:650 1.65rem/1 var(--serif)}.size-options button span{margin-left:.2rem;color:var(--ink-soft)}.size-options button small{position:absolute;right:.45rem;top:.4rem;padding:.2rem .42rem;color:var(--red-deep);background:#d45d451a;border-radius:99px}.size-options button.is-selected{color:var(--paper);background:var(--ink);border-color:var(--ink)}.size-options button.is-selected span{color:#fff9}.setup-summary{position:sticky;top:1.5rem;padding:2rem;color:var(--paper);background:repeating-linear-gradient(0deg,transparent 0 38px,rgba(255,255,255,.045) 38px 39px),var(--ink);border-radius:24px 8px;box-shadow:0 22px 55px #17344b30}.setup-summary__pencil{width:54px;height:54px;display:grid;place-items:center;color:var(--ink);background:var(--paper);border-radius:50%}.setup-summary>span{display:block;margin-top:1.3rem;font-size:.65rem;letter-spacing:.16em;opacity:.55}.setup-summary h2{margin:.35rem 0 1.8rem;font:650 2.2rem/1.05 var(--serif)}.setup-summary dl{margin:0 0 1.5rem}.setup-summary dl>div{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.12)}.setup-summary dt{opacity:.55;font-size:.78rem}.setup-summary dd{margin:0;text-align:right;font-weight:620}.setup-summary .primary-button{color:var(--ink);background:var(--paper);box-shadow:none}.setup-summary>p{margin:.9rem 0 0;text-align:center;opacity:.5;font-size:.7rem}.test-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;padding:max(.55rem,env(safe-area-inset-top)) max(.7rem,env(safe-area-inset-right)) max(.7rem,env(safe-area-inset-bottom)) max(.7rem,env(safe-area-inset-left));overflow:hidden;background:radial-gradient(circle at 84% -15%,rgba(255,255,255,.9),transparent 34rem),linear-gradient(145deg,#f3eee4,#ebe4d6)}.test-header{z-index:4;flex:0 0 auto;min-height:58px;margin-bottom:.65rem;padding:.4rem .48rem;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:#f8f4e9b8;box-shadow:0 10px 32px #262d3017;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}.test-progress{width:min(48vw,560px)}.test-progress>div:first-child{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.test-progress span{font-size:.74rem;letter-spacing:.05em;color:var(--ink-soft)}.test-progress strong{font:650 1rem/1 var(--serif)}.test-progress__track{height:4px;overflow:hidden;background:#17344b1a;border-radius:99px}.test-progress__track span{display:block;height:100%;background:var(--red);border-radius:inherit;transition:width .35s cubic-bezier(.2,.8,.2,1)}.keyboard-toggle{min-width:118px;padding:.45rem .78rem;color:var(--ink-soft);background:#ffffffa8;border:1px solid var(--line);border-radius:12px;font-size:.78rem;font-weight:650}.keyboard-toggle.is-active{color:var(--red-deep);border-color:#d45d4561}.test-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(248px,.34fr) minmax(0,1fr);gap:.7rem}.prompt-panel,.answer-panel{min-height:0;border:1px solid var(--line);box-shadow:0 16px 44px #252b2b17}.prompt-panel{position:relative;overflow:hidden;padding:clamp(1.4rem,2.6vw,2.6rem);display:flex;flex-direction:column;color:var(--paper);background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 44%),repeating-linear-gradient(0deg,transparent 0 44px,rgba(255,255,255,.035) 44px 45px),var(--ink);border-radius:22px}.prompt-panel:after{content:"";position:absolute;right:-5rem;top:-5rem;width:14rem;height:14rem;border:1px solid rgba(255,255,255,.1);border-radius:50%}.prompt-panel__meta{display:flex;justify-content:space-between;font-size:.65rem;font-weight:720;letter-spacing:.14em;opacity:.55}.word-prompt,.audio-prompt{margin:auto 0}.word-prompt__label{font-size:.75rem;letter-spacing:.06em;opacity:.62}.word-prompt h1{margin:.75rem 0;font:650 clamp(2rem,5vw,4.6rem)/1.16 var(--serif);letter-spacing:-.04em;overflow-wrap:anywhere}.word-prompt--english h1{font-family:var(--serif);font-size:clamp(2.5rem,6vw,5.7rem);letter-spacing:-.045em}.word-prompt>small{display:block;max-width:24rem;opacity:.56;line-height:1.6}.prompt-panel__rule{display:flex;align-items:flex-start;gap:.65rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12);color:#ffffff8f}.prompt-panel__rule svg{flex:0 0 auto}.prompt-panel__rule p{margin:0;font-size:.72rem;line-height:1.55}.audio-prompt{text-align:center}.audio-orb{width:104px;height:104px;margin:0 auto 1rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:var(--ink);background:var(--paper);box-shadow:0 0 0 14px #ffffff0f;transition:transform .15s ease,box-shadow .22s ease}.audio-orb:active{transform:scale(.94);box-shadow:0 0 0 8px #ffffff17}.audio-orb svg{width:35px;height:35px}.audio-prompt>strong,.audio-prompt>small{display:block}.audio-prompt>strong{font-family:var(--serif);font-size:1.4rem}.audio-prompt>small{margin-top:.4rem;opacity:.5}.inline-alert{display:flex;gap:.45rem;align-items:center;margin-top:1rem;color:#f2c3b7;font-size:.75rem}.answer-panel{position:relative;padding:.7rem;display:flex;flex-direction:column;gap:.55rem;background:#f9f6edc2;border-radius:22px;overflow:hidden}.answer-panel--handwriting{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ink-sheet{flex:1;min-height:0;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border:1px solid rgba(23,52,75,.12);border-radius:17px;background-color:#fbf8ef;box-shadow:inset 0 0 45px #5f4d3309}.ink-sheet--english{background-image:linear-gradient(90deg,transparent 0 4.4rem,rgba(212,93,69,.22) 4.4rem calc(4.4rem + 1px),transparent calc(4.4rem + 1px)),repeating-linear-gradient(0deg,transparent 0 52px,rgba(72,115,142,.16) 52px 53px,transparent 53px 78px,rgba(72,115,142,.09) 78px 79px,transparent 79px 105px,rgba(72,115,142,.16) 105px 106px,transparent 106px 132px,rgba(72,115,142,.09) 132px 133px,transparent 133px 156px)}.ink-sheet--chinese{background-image:linear-gradient(90deg,transparent 0 4.4rem,rgba(212,93,69,.22) 4.4rem calc(4.4rem + 1px),transparent calc(4.4rem + 1px)),linear-gradient(rgba(71,110,132,.105) 1px,transparent 1px),linear-gradient(90deg,rgba(71,110,132,.105) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}.ink-sheet.is-disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fbf8ef14;pointer-events:none}.ink-sheet__label{position:absolute;right:1rem;top:.8rem;color:#17344b40;font:italic .74rem/1 var(--serif);letter-spacing:.05em;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ink-canvas{width:100%;height:100%;display:block;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ink-toolbar{position:absolute;left:50%;bottom:.72rem;transform:translate(-50%);display:flex;gap:.22rem;padding:.3rem;background:#f8f4e9d1;border:1px solid rgba(255,255,255,.7);border-radius:16px;box-shadow:0 9px 26px #17344b21;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.tool-button{min-width:68px;min-height:48px;padding:.46rem .58rem;flex-direction:column;gap:.12rem;border-radius:10px;background:transparent;color:var(--ink-soft)}.tool-button span{font-size:.62rem}.tool-button:hover:not(:disabled){color:var(--ink);background:#17344b0e}.tool-button--toggle{min-width:82px;border-left:1px solid var(--line);border-radius:0 10px 10px 0}.tool-button--toggle.is-active{color:var(--red-deep);background:#d45d4514}.submit-row{min-height:58px;display:flex;align-items:center;justify-content:flex-end;padding:0 .15rem}.submit-row .primary-button{min-width:176px;min-height:50px;border-radius:15px}.submit-shortcut{min-width:42px;padding:.23rem .42rem;color:#fffaf0d1;border:1px solid rgba(255,250,240,.42);border-radius:6px;background:#ffffff14;box-shadow:inset 0 -1px #ffffff1f;font:650 .6rem/1 system-ui,sans-serif;letter-spacing:.03em}.keyboard-sheet{flex:1;min-height:320px;padding:1.2rem;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:repeating-linear-gradient(0deg,transparent 0 53px,rgba(72,115,142,.13) 53px 54px),#fbf8ef}.keyboard-sheet label{color:var(--ink-soft);font-size:.72rem;font-weight:700;letter-spacing:.06em}.keyboard-sheet textarea{flex:1;width:100%;min-height:240px;margin-top:1rem;padding:.5rem;border:0;outline:0;resize:none;color:var(--ink);background:transparent;font:600 clamp(2rem,6vw,5rem)/1.35 var(--serif);letter-spacing:.02em}.keyboard-sheet--chinese textarea{font-size:clamp(1.8rem,4vw,3.3rem)}.keyboard-sheet>p{margin:0;color:#17344b73;font-size:.68rem}.result-drawer{position:absolute;z-index:5;inset:auto 1rem 1rem;max-height:calc(100% - 2rem);padding:1rem 1.15rem;overflow-y:auto;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:#f8f4e9f0;box-shadow:0 22px 70px #1a262d40;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);animation:drawer-arrive .38s cubic-bezier(.2,.85,.2,1) both}@keyframes drawer-arrive{0%{opacity:0;transform:translateY(22px) scale(.98);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}}.result-drawer--correct{border-top:4px solid var(--sage)}.result-drawer--incorrect{border-top:4px solid var(--red)}.result-drawer--retry{border-top:4px solid var(--gold)}.result-drawer__status{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center}.result-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--sage)}.result-drawer--incorrect .result-icon{background:var(--red)}.result-drawer--retry .result-icon{background:var(--gold)}.result-drawer__status>div{display:flex;flex-direction:column}.result-drawer__status>div span{font-size:.58rem;letter-spacing:.16em;color:var(--ink-soft)}.result-drawer__status strong{font:650 1.2rem/1.25 var(--serif)}.result-drawer__status>small{color:var(--ink-soft)}.result-details{margin-top:.85rem;display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.result-details>div{min-width:0;padding:.75rem .85rem;background:#ffffff8c;border:1px solid var(--line);border-radius:10px}.result-details span,.missing-meanings>span{display:block;margin-bottom:.24rem;color:var(--ink-soft);font-size:.65rem}.result-details p{margin:0;font:650 1.22rem/1.4 var(--serif);overflow-wrap:anywhere}.recognized-text{display:flex;flex-wrap:wrap}.diff-char{min-width:.62em;text-align:center}.diff-char.is-mismatch{color:var(--red-deep);border-bottom:2px solid var(--red);background:#d45d4517}.missing-meanings{margin-top:.65rem;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.missing-meanings>span{margin:0}.missing-meanings strong{padding:.3rem .55rem;border-radius:99px;color:var(--red-deep);background:#d45d451a;font-size:.76rem}.result-message{margin:.7rem 0;color:var(--ink-soft);font-size:.78rem}.result-actions{justify-content:flex-end}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.summary-page{max-width:1040px}.summary-hero{padding:3rem 1rem 2rem;text-align:center}.summary-ring{--score: 0deg;width:180px;height:180px;margin:1.4rem auto;padding:13px;border-radius:50%;background:conic-gradient(var(--red) var(--score),rgba(23,52,75,.09) 0);box-shadow:0 16px 46px #17344b1f}.summary-ring>div{width:100%;height:100%;display:grid;grid-template-columns:auto auto;place-content:center;border-radius:50%;background:var(--paper)}.summary-ring strong{font:650 4rem/.85 var(--serif)}.summary-ring>div>span{align-self:end;margin-bottom:.32rem;color:var(--red);font-weight:700}.summary-ring small{grid-column:1 / 3;margin-top:.45rem;color:var(--ink-soft)}.summary-hero h1{margin:.8rem auto;max-width:720px;font:650 clamp(2rem,5vw,4rem)/1.08 var(--serif);letter-spacing:-.04em}.summary-hero>p{color:var(--ink-soft)}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.summary-stats article{min-height:105px;padding:1rem 1.2rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.2rem .7rem;background:#ffffff73;border:1px solid var(--line);border-radius:8px 16px}.summary-stats svg{grid-row:1 / 3;color:var(--red)}.summary-stats strong{font:650 1.8rem/1 var(--serif)}.summary-stats span{color:var(--ink-soft);font-size:.72rem}.answer-review{margin-top:2.5rem}.answer-review__list{border-top:1px solid var(--line)}.answer-review__list article{min-height:68px;padding:.7rem;display:grid;grid-template-columns:44px 1fr minmax(120px,.7fr) 40px;gap:.75rem;align-items:center;border-bottom:1px solid var(--line)}.answer-review__index{color:#17344b61;font-size:.7rem;letter-spacing:.08em}.answer-review__list article>div{display:flex;flex-direction:column}.answer-review__list strong{font:650 1.1rem/1.3 var(--serif)}.answer-review__list small,.answer-review__recognized{color:var(--ink-soft)}.answer-review__recognized{text-align:right;font-family:var(--serif)}.answer-review__verdict{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--sage)}.is-incorrect .answer-review__verdict{background:var(--red)}.answer-review__verdict svg{width:17px}.summary-actions{justify-content:center;margin-top:2rem}.library-page{height:100dvh;padding-bottom:max(1rem,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto auto auto minmax(0,1fr);overflow:hidden}.library-header{padding-bottom:.65rem}.book-shelf{margin-top:.75rem;min-height:92px;padding:.7rem;display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,2fr);gap:.8rem;border:1px solid var(--line);border-radius:18px;background:#f8f4e9a8;box-shadow:0 10px 35px #17344b0e}.book-shelf__intro{padding:.1rem .4rem;display:flex;flex-direction:column;justify-content:center}.book-shelf__intro>span{display:flex;align-items:center;gap:.4rem;color:var(--red-deep);font-size:.62rem;font-weight:760;letter-spacing:.14em}.book-shelf__intro strong{margin-top:.25rem;font:650 1.12rem/1.2 var(--serif)}.book-shelf__intro small{margin-top:.25rem;color:var(--ink-soft);line-height:1.35}.book-shelf__strip{display:grid;grid-template-columns:repeat(6,minmax(84px,1fr));gap:.48rem}.book-spine{position:relative;min-height:72px;padding:.55rem .65rem;display:grid;grid-template-columns:1fr auto;align-content:center;text-align:left;border:1px solid var(--line);border-radius:12px;background:#eee6d699}.book-spine>span{color:var(--ink-soft);font-size:.7rem;font-weight:760;letter-spacing:.08em}.book-spine>strong{grid-column:1;margin-top:.12rem;font:650 .94rem/1.15 var(--serif)}.book-spine>small{grid-column:1;margin-top:.12rem;color:var(--ink-soft);font-size:.62rem}.book-spine>svg{grid-column:2;grid-row:1 / span 3;align-self:center;color:var(--ink-soft)}.book-spine.is-current{color:#fffaf0;border-color:var(--ink);background:var(--ink);box-shadow:0 8px 20px #17344b2e}.book-spine.is-available:not(.is-current){border-color:#17344b3d;background:#fffdf8d1;cursor:pointer}.book-spine.is-available:not(.is-current):hover{border-color:var(--red);box-shadow:0 7px 16px #17344b1a;transform:translateY(-1px)}.book-shelf__error{grid-column:1 / -1;margin:.45rem 0 0;color:var(--red-deep);font-size:.72rem}.book-spine.is-current>span,.book-spine.is-current>small,.book-spine.is-current>svg{color:#fffaf0b8}.library-controls{z-index:2;margin:.72rem 0;padding:.58rem;display:flex;align-items:center;gap:.65rem;background:#f2ecdfe0;border:1px solid rgba(255,255,255,.58);border-radius:15px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.search-field{flex:1;min-width:190px;min-height:44px;padding:0 .8rem;display:flex;align-items:center;gap:.6rem;border:1px solid var(--line);border-radius:11px;background:#fff9}.search-field input{width:100%;border:0;outline:0;background:transparent}.review-filter,.unit-filter{display:flex;gap:.2rem;overflow-x:auto;scrollbar-width:none}.review-filter::-webkit-scrollbar,.unit-filter::-webkit-scrollbar{display:none}.review-filter{padding:.2rem;border-radius:11px;background:#17344b0e}.review-filter button,.unit-filter button{min-width:44px;min-height:40px;padding:.35rem .62rem;flex:0 0 auto;border:0;border-radius:9px;background:transparent;color:var(--ink-soft)}.review-filter button.is-selected,.unit-filter button.is-selected{color:var(--paper);background:var(--ink)}.library-workspace{min-height:0;display:grid;grid-template-columns:minmax(270px,.68fr) minmax(0,1.65fr);gap:.8rem}.word-index,.word-detail,.library-workspace>.empty-library{min-height:0;border:1px solid var(--line);border-radius:20px;background:#f8f4e9bd;box-shadow:0 16px 45px #17344b12}.word-index{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.word-index__summary{min-height:52px;padding:.7rem .85rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.word-index__summary span{color:var(--red-deep);font-size:.68rem;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.word-index__summary strong{font-size:.78rem}.word-index__scroll{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.word-index__item{width:100%;min-height:64px;padding:.6rem .65rem;display:grid;grid-template-columns:30px minmax(0,1fr) 34px 17px;align-items:center;gap:.45rem;text-align:left;border:0;border-bottom:1px solid rgba(23,52,75,.08);background:transparent}.word-index__item:hover,.word-index__item.is-selected{background:#ffffffb3}.word-index__item.is-selected{box-shadow:inset 3px 0 var(--red)}.word-index__copy{min-width:0;display:flex;flex-direction:column;gap:.24rem}.word-index__head{min-width:0;display:flex;align-items:baseline;gap:.42rem}.word-index__head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 1rem/1.1 var(--serif)}.word-index__head em{flex:0 0 auto;color:var(--red-deep);font:700 .68rem/1 var(--serif);letter-spacing:.025em}.word-index__meaning{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:.76rem;font-weight:680;line-height:1.25}.word-detail__wordline{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}.word-detail__wordline h1,.word-detail__wordline p{margin-bottom:0}.word-detail__wordline p{padding:.22rem .55rem;color:var(--red-deep);border:1px solid rgba(212,93,69,.25);border-radius:999px;background:#d45d4514;font-weight:760}.word-index__unit{color:var(--red-deep);font-size:.61rem;font-weight:760;letter-spacing:.06em}.mastery-dot{min-width:32px;height:25px;display:grid;place-items:center;color:var(--ink-soft);background:#17344b0f;border-radius:99px;font-size:.62rem;font-weight:700}.mastery-dot--3{color:#3f6648;background:var(--sage-pale)}.word-index__empty{min-height:220px;padding:1rem;display:grid;place-content:center;justify-items:center;gap:.4rem;color:var(--ink-soft);text-align:center}.word-index__empty svg{color:var(--sage)}.word-index__empty small{max-width:190px;line-height:1.45}.word-detail{padding:clamp(1rem,2vw,1.65rem);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.word-detail__hero{display:flex;justify-content:space-between;gap:1rem}.word-detail__hero h1{margin:.22rem 0 0;overflow-wrap:anywhere;font:650 clamp(2rem,4vw,3.7rem)/1 var(--serif);letter-spacing:-.025em}.word-detail__hero p{margin:.38rem 0 0;color:var(--ink-soft)}.word-detail__actions{display:flex;align-items:flex-end;flex-direction:column;gap:.5rem}.content-origin{min-height:30px;padding:.35rem .6rem;display:inline-flex;align-items:center;gap:.35rem;color:var(--red-deep);background:#d45d4517;border-radius:99px;font-size:.68rem;font-weight:700}.content-origin.is-private{color:#46634b;background:var(--sage-pale)}.secondary-button--compact{min-height:42px;padding:.6rem .75rem;font-size:.76rem}.mastery-panel{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mastery-panel>div{min-width:0;padding:.62rem .7rem;display:grid;gap:.22rem;border:1px solid var(--line);border-radius:12px;background:#fff6}.mastery-panel span{color:var(--ink-soft);font-size:.66rem}.mastery-panel strong{font-size:.76rem}.mastery-panel i{height:3px;overflow:hidden;background:#17344b17;border-radius:99px}.mastery-panel b{height:100%;display:block;background:var(--red);border-radius:inherit}.mastery-panel .is-mastered b{background:var(--sage)}.meaning-card,.example-card{margin-top:.85rem;padding:.9rem;border:1px solid var(--line);border-radius:16px;background:#ffffff6b}.detail-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.detail-section-title span{color:var(--red-deep);font-size:.57rem;font-weight:760;letter-spacing:.14em}.detail-section-title h2{margin:.12rem 0 0;font:650 1.03rem/1.2 var(--serif)}.detail-section-title>small{color:var(--ink-soft);font-size:.65rem}.meaning-card ol{margin:.65rem 0 0;padding:0;display:grid;gap:.35rem;list-style:none}.meaning-card li{min-height:44px;padding:.45rem .5rem;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:.5rem;border-top:1px solid rgba(23,52,75,.08)}.meaning-card li>span{color:var(--red-deep);font:650 .68rem/1 var(--serif)}.meaning-card li>div{display:flex;flex-direction:column;gap:.12rem}.meaning-card li strong{font-size:.92rem}.meaning-card li small{color:var(--ink-soft);font-size:.66rem}.review-example{margin-top:.65rem;padding:.75rem .85rem;border-left:3px solid var(--sage);border-radius:4px 12px 12px 4px;background:#dfe7dc94}.review-example.is-scaffold{border-left-color:var(--gold);background:#b58a3f16}.review-example>span{color:#46634b;font-size:.61rem;font-weight:760;letter-spacing:.06em}.review-example.is-scaffold>span{color:#8a672b}.review-example blockquote{margin:.35rem 0 .2rem;font:italic 1.02rem/1.45 var(--serif)}.review-example p,.review-example small{margin:0;color:var(--ink-soft);font-size:.7rem}.review-example small{display:block;margin-top:.28rem;opacity:.75}.own-sentence{margin-top:.65rem;display:grid;gap:.4rem}.own-sentence>span{display:flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:700}.own-sentence textarea{width:100%;min-height:72px;resize:vertical;padding:.7rem .75rem;color:var(--ink);border:1px solid var(--line);border-radius:11px;background:repeating-linear-gradient(to bottom,transparent 0 27px,rgba(23,52,75,.07) 27px 28px),#f8f4e9a6;line-height:28px;outline:0}.own-sentence__footer,.word-detail__footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.own-sentence__footer>small{color:var(--ink-soft);font-size:.65rem}.save-sentence{min-height:40px;flex:0 0 auto}.word-detail__footer{margin-top:.8rem;padding:.65rem .15rem 0;color:var(--ink-soft);font-size:.64rem}.word-detail__footer span{display:inline-flex;align-items:center;gap:.35rem}.empty-library,.empty-state{min-height:45vh;display:grid;place-items:center;place-content:center;text-align:center;color:var(--ink-soft)}.empty-library svg,.empty-state>svg{width:48px;height:48px;color:var(--sage)}.empty-library h2,.empty-state h1{margin:.8rem 0 .25rem;color:var(--ink);font-family:var(--serif)}.empty-library p{margin:0}.library-mode-switch{padding:.22rem;display:flex;gap:.18rem;border:1px solid var(--line);border-radius:13px;background:#ffffff6b}.library-mode-switch button{min-height:42px;padding:.48rem .72rem;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;border:0;border-radius:10px;color:var(--ink-soft);background:transparent;font-size:.76rem;font-weight:680;white-space:nowrap;touch-action:manipulation}.library-mode-switch button svg{width:17px}.library-mode-switch button.is-selected{color:#fffaf0;background:var(--ink);box-shadow:0 5px 13px #17344b29}.review-mode-intro{margin-top:.75rem;min-height:76px;padding:.72rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:18px;background:#f8f4e9b3;box-shadow:0 10px 35px #17344b0e}.review-mode-intro>div,.card-scope-label{display:flex;align-items:center;gap:.7rem}.review-mode-intro>div>svg,.card-scope-label>svg{width:39px;height:39px;padding:.6rem;flex:0 0 auto;color:var(--red-deep);border-radius:12px;background:#d45d4517}.review-mode-intro>div>span,.card-scope-label>span{display:flex;flex-direction:column;gap:.16rem}.review-mode-intro strong,.card-scope-label strong{font:650 .95rem/1.15 var(--serif)}.review-mode-intro small,.card-scope-label small,.review-mode-intro>span{color:var(--ink-soft);font-size:.68rem}.review-mode-intro>span{padding:.42rem .65rem;border-radius:99px;background:var(--sage-pale);white-space:nowrap}.card-scope-label{min-width:210px;margin-right:auto}.card-scope-label>svg{width:34px;height:34px;padding:.5rem}.library-page--cards .library-controls{margin-bottom:.58rem}.flash-review{position:relative;min-height:0;padding:clamp(.85rem,1.7vw,1.35rem);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:20px;background:#f8f4e9c7;box-shadow:0 16px 45px #17344b12}.flash-review__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.flash-review__header .eyebrow{display:flex;align-items:center;gap:.38rem}.flash-review__header h2{margin:.18rem 0 0;font:650 clamp(1.25rem,2.2vw,1.75rem)/1.15 var(--serif)}.flash-review__stats{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));gap:.4rem}.flash-review__stats>div{min-height:47px;padding:.45rem .55rem;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:.32rem;border:1px solid rgba(23,52,75,.1);border-radius:11px;background:#ffffff6b}.flash-review__stats svg{width:16px;color:var(--sage)}.flash-review__stats span{color:var(--ink-soft);font-size:.63rem}.flash-review__stats strong{font:650 .98rem/1 var(--serif)}.flash-progress{margin:.75rem 0;display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:.65rem}.flash-progress>span,.flash-progress>small{color:var(--ink-soft);font-size:.66rem}.flash-progress>span strong{color:var(--ink);font:650 1rem/1 var(--serif)}.flash-progress>i{height:4px;overflow:hidden;border-radius:99px;background:#17344b17}.flash-progress>i>b{height:100%;display:block;border-radius:inherit;background:var(--red);transition:width .24s ease}.recall-card{width:min(100%,900px);min-height:clamp(290px,37vh,420px);margin:0 auto;padding:clamp(1.15rem,2.5vw,2rem);display:flex;flex-direction:column;border:1px solid rgba(23,52,75,.16);border-radius:18px;background:linear-gradient(90deg,transparent 0 61px,rgba(212,93,69,.19) 61px 62px,transparent 62px),repeating-linear-gradient(0deg,rgba(23,52,75,.055) 0 1px,transparent 1px 35px),#fffdf6;box-shadow:0 18px 42px #17344b1c,inset 0 1px #ffffffe6;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.recall-card.is-revealed{border-color:#748c787a}.recall-card__meta{padding-left:2.7rem;display:flex;justify-content:space-between;gap:1rem;color:var(--ink-soft);font-size:.62rem;font-weight:720;letter-spacing:.09em}.recall-card__prompt{padding:clamp(1.15rem,2.7vh,2rem) 1rem .85rem 2.7rem;text-align:center}.recall-card__prompt>small{color:var(--red-deep);font-size:.62rem;font-weight:760;letter-spacing:.14em}.recall-card__prompt h1{max-width:760px;margin:.48rem auto .35rem;overflow-wrap:anywhere;font:650 clamp(1.75rem,4vw,3.5rem)/1.18 var(--serif);letter-spacing:-.02em}.recall-card__prompt p{margin:.5rem 0 0;color:var(--ink-soft);font-size:.78rem}.reveal-answer{min-width:min(100%,280px);min-height:56px;margin:auto auto 0;padding:.75rem 1.1rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;color:#fffaf0;border:0;border-radius:14px;background:var(--ink);box-shadow:0 10px 24px #17344b33;font-weight:700;touch-action:manipulation}.reveal-answer kbd,.recall-rating kbd{min-width:25px;min-height:23px;padding:.2rem .38rem;display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:6px;font:650 .62rem/1 system-ui,sans-serif;opacity:.72}.reveal-answer kbd{margin-left:.25rem}.recall-card__answer{margin-top:auto;padding:0 1rem 0 2.7rem;display:grid;grid-template-columns:minmax(210px,.85fr) minmax(170px,.65fr) minmax(240px,1.1fr);align-items:center;gap:clamp(.75rem,2vw,1.4rem)}.recall-card__word h3{margin:0;overflow-wrap:anywhere;font:650 clamp(2rem,4.2vw,4rem)/1 var(--serif);letter-spacing:-.025em}.recall-card__word>span{display:block;margin-top:.38rem;color:var(--red-deep);font-size:.75rem;font-weight:700}.recall-card__meanings{display:grid;gap:.36rem}.recall-card__meanings p{margin:0;display:grid;grid-template-columns:26px 1fr;align-items:baseline;gap:.35rem}.recall-card__meanings span{color:var(--red-deep);font:650 .62rem/1 var(--serif)}.recall-card__meanings strong{font-size:.83rem}.recall-card__example{padding:.75rem .85rem;border-left:3px solid var(--sage);border-radius:4px 11px 11px 4px;background:#dfe7dcb8}.recall-card__example.is-scaffold{border-left-color:var(--gold);background:#b58a3f1a}.recall-card__example>span{color:#46634b;font-size:.58rem;font-weight:760;letter-spacing:.07em}.recall-card__example p{margin:.25rem 0 .12rem;font:italic .92rem/1.4 var(--serif)}.recall-card__example small{color:var(--ink-soft);font-size:.63rem}.recall-rating{width:min(100%,980px);margin:.8rem auto 0}.recall-rating>p{margin:0 0 .42rem;color:var(--ink-soft);text-align:center;font-size:.7rem}.recall-rating>div{display:grid;grid-template-columns:repeat(4,1fr);gap:.48rem}.recall-rating button{min-height:62px;padding:.5rem .62rem;display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:.48rem;text-align:left;border:1px solid var(--line);border-radius:12px;background:#ffffff94;box-shadow:0 6px 14px #17344b0b;touch-action:manipulation}.recall-rating button:active:not(:disabled){transform:scale(.975)}.recall-rating button kbd{grid-row:1 / span 2}.recall-rating button strong{font-size:.8rem}.recall-rating button small{color:var(--ink-soft);font-size:.59rem}.recall-rating .rating-forgot{color:var(--red-deep);border-color:#d45d454d}.recall-rating .rating-hard{color:#8a672b;border-color:#b58a3f52}.recall-rating .rating-remembered{color:#46634b;border-color:#748c7857}.recall-rating .rating-easy{color:var(--ink);border-color:#17344b47}.flash-review__error{width:fit-content;margin:.65rem auto 0;padding:.48rem .72rem;color:var(--red-deep);border-radius:9px;background:#d45d4517;font-size:.7rem}.flash-review--empty,.flash-review--complete{display:grid;place-content:center;justify-items:center;gap:.58rem;text-align:center}.flash-review--empty>svg,.flash-complete__mark{width:58px;height:58px;padding:.9rem;color:#fffaf0;border-radius:50%;background:var(--sage)}.flash-complete__mark{display:grid;place-items:center}.flash-complete__mark svg{width:27px}.flash-review--complete h2,.flash-review--empty h2{margin:0;font:650 clamp(1.7rem,3.2vw,2.7rem)/1.1 var(--serif)}.flash-review--complete>p,.flash-review--empty>p{max-width:520px;margin:0;color:var(--ink-soft);line-height:1.55}.flash-complete__stats{margin:.5rem 0;display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:.55rem}.flash-complete__stats>div{padding:.72rem 1.2rem;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:#ffffff7a}.flash-complete__stats strong{font:650 1.5rem/1 var(--serif)}.flash-complete__stats span{margin-top:.25rem;color:var(--ink-soft);font-size:.65rem}.flash-complete__actions{display:flex;gap:.55rem}.settings-page{width:min(100%,1100px);margin:0 auto;padding:max(1.15rem,env(safe-area-inset-top)) max(1.35rem,env(safe-area-inset-right)) max(3rem,env(safe-area-inset-bottom)) max(1.35rem,env(safe-area-inset-left))}.settings-intro{max-width:750px;margin:3rem auto;text-align:center}.settings-intro>div{width:62px;height:62px;margin:0 auto 1rem;display:grid;place-items:center;border-radius:50%;color:var(--paper);background:var(--sage)}.settings-intro h1{margin:0 0 .8rem;font:650 clamp(2.2rem,5vw,4.1rem)/1.05 var(--serif);letter-spacing:-.04em}.settings-intro p{margin:0;color:var(--ink-soft);line-height:1.75}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.settings-card{padding:1.5rem;display:flex;flex-direction:column;align-items:stretch;background:#f9f6edb3;border:1px solid var(--line);border-radius:9px 23px}.settings-card__icon{width:48px;height:48px;margin-bottom:1rem;display:grid;place-items:center;color:var(--red);background:#d45d4517;border-radius:50%}.settings-card h2{margin:.4rem 0 .6rem;font:650 1.65rem/1.15 var(--serif)}.settings-card>p{min-height:3rem;margin:0 0 1.25rem;color:var(--ink-soft);line-height:1.55}.settings-card label{margin:.7rem 0 .4rem;color:var(--ink-soft);font-size:.76rem;font-weight:650}.settings-card input{min-height:48px;width:100%;padding:.65rem .8rem;color:var(--ink);background:#ffffff94;border:1px solid var(--line);border-radius:10px}.settings-card input[type=file]{padding:.55rem}.settings-card .primary-button,.settings-card__submit{margin-top:1rem}.settings-card__submit{width:100%}.settings-status{width:fit-content;margin:1rem auto 0;padding:.7rem 1rem;display:flex;align-items:center;gap:.5rem;color:#46634b;background:var(--sage-pale);border-radius:99px;font-weight:620}@media(max-width:1050px){.unit-grid{grid-template-columns:repeat(2,1fr)}.hero-panel{grid-template-columns:minmax(0,1.4fr) minmax(270px,.7fr)}.hero-panel__copy{padding-right:2.5rem}.test-layout{grid-template-columns:minmax(232px,.4fr) minmax(0,1fr)}.book-shelf{grid-template-columns:155px minmax(0,1fr)}.book-shelf__strip{grid-template-columns:repeat(6,minmax(76px,1fr))}.library-controls{flex-wrap:wrap}.search-field{flex-basis:35%}}@media(max-width:820px),(orientation:portrait)and (max-width:1100px){.privacy-pill{display:none}.hero-panel{grid-template-columns:1fr}.hero-panel__folio{min-height:250px}.quick-grid{grid-template-columns:1fr}.quick-card{min-height:90px}.setup-layout{grid-template-columns:1fr}.setup-summary{position:static}.login-page{grid-template-columns:1fr}.login-illustration{display:none}.login-card{padding:max(2rem,env(safe-area-inset-top)) 2rem max(2rem,env(safe-area-inset-bottom))}.library-page{grid-template-rows:auto auto auto minmax(0,1fr)}.book-shelf{grid-template-columns:1fr}.book-shelf__intro{display:none}.book-shelf__strip{grid-template-columns:repeat(6,minmax(82px,1fr));overflow-x:auto}.library-workspace{grid-template-columns:1fr;grid-template-rows:minmax(210px,.7fr) minmax(0,1.3fr)}.word-index__item{min-height:58px}.review-mode-intro>span{display:none}.recall-card{min-height:350px}.recall-card__answer{grid-template-columns:minmax(190px,.8fr) minmax(180px,1fr)}.recall-card__example{grid-column:1 / -1}.recall-rating>div{grid-template-columns:repeat(2,1fr)}}@media(orientation:portrait)and (min-width:681px)and (max-width:1100px){.test-page{height:100dvh;overflow:hidden}.test-header{min-height:60px}.test-progress{width:min(46vw,430px)}.test-layout{grid-template-columns:1fr;grid-template-rows:minmax(170px,.34fr) minmax(0,1fr);gap:.65rem}.prompt-panel{min-height:0;padding:1.15rem 1.55rem;border-radius:20px}.prompt-panel__rule{display:none}.word-prompt h1{margin-block:.45rem;font-size:clamp(2.25rem,7.2vw,4.3rem)}.answer-panel{min-height:0;border-radius:20px}}@media(max-width:680px){.dashboard,.setup-page,.summary-page,.library-page,.settings-page{padding-inline:1rem}.brand__wordmark small,.private-mark{display:none}.hero-panel{margin-top:1rem;min-height:0}.hero-panel__copy{padding:3.5rem 2rem 3rem 2.8rem}.hero-panel h1{font-size:clamp(3rem,15vw,5rem)}.hero-panel__actions{align-items:stretch;flex-direction:column}.hero-panel__folio{padding:3.4rem 2rem 2rem}.section-heading{align-items:flex-start;flex-direction:column}.unit-grid{grid-template-columns:1fr}.unit-card{min-height:155px}.integrity-note{grid-template-columns:auto 1fr}.integrity-note__status{grid-column:2;width:fit-content}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:116px}.unit-pills{grid-template-columns:repeat(2,1fr)}.segmented-control{width:100%}.segmented-control button{flex:1;padding-inline:.5rem}.size-options button{min-width:0;flex:1}.keyboard-toggle{min-width:46px;width:46px;padding:0;font-size:0}.test-page{position:static;min-height:100dvh;height:auto;overflow:auto}.test-layout{grid-template-columns:1fr}.prompt-panel{min-height:270px;border-radius:20px}.answer-panel{min-height:500px;border-radius:20px}.test-progress{width:44vw}.submit-row .primary-button{width:100%}.result-details{grid-template-columns:1fr}.result-drawer__status{grid-template-columns:auto 1fr}.result-drawer__status>small{display:none}.summary-stats{grid-template-columns:1fr}.answer-review__list article{grid-template-columns:34px 1fr 34px}.answer-review__recognized{display:none}.summary-actions{align-items:stretch;flex-direction:column}.library-page{height:auto;min-height:100dvh;overflow:visible;grid-template-rows:auto}.library-header{flex-wrap:wrap}.library-header>div{flex:1}.library-mode-switch{width:100%;order:3}.library-mode-switch button{flex:1}.book-shelf{overflow:hidden}.book-shelf__strip{min-width:590px}.review-mode-intro{min-height:68px}.library-controls{position:static;align-items:stretch;flex-direction:column}.card-scope-label{width:100%}.review-filter button{flex:1}.flash-review{min-height:620px;overflow:visible;padding:.78rem}.flash-review__header{align-items:flex-start;flex-direction:column}.flash-review__stats{width:100%}.flash-review__stats>div{grid-template-columns:18px 1fr auto}.flash-progress{grid-template-columns:auto minmax(60px,1fr)}.flash-progress>small{display:none}.recall-card{min-height:410px;padding:1rem .75rem;background-position:-28px 0,0 0,0 0}.recall-card__meta,.recall-card__prompt,.recall-card__answer{padding-left:.5rem;padding-right:.5rem}.recall-card__meta{font-size:.56rem}.recall-card__prompt{padding-top:1.4rem}.recall-card__prompt h1{font-size:clamp(1.8rem,9vw,2.8rem)}.recall-card__answer{grid-template-columns:1fr;text-align:center}.recall-card__meanings{justify-self:center;text-align:left}.recall-card__example{grid-column:auto;text-align:left}.recall-rating>div{grid-template-columns:repeat(2,1fr)}.recall-rating button{min-height:70px}.flash-complete__actions{width:100%;align-items:stretch;flex-direction:column}.library-workspace{grid-template-rows:auto auto}.word-index{height:330px}.word-detail{overflow:visible}.word-detail__hero{flex-direction:column}.word-detail__actions{align-items:stretch}.mastery-panel{grid-template-columns:1fr}.detail-section-title{align-items:flex-start;flex-direction:column;gap:.2rem}.own-sentence__footer,.word-detail__footer{align-items:flex-start;flex-direction:column}.settings-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.unit-card:hover{transform:none}}@media(prefers-reduced-transparency:reduce){.ink-toolbar,.result-drawer,.library-controls{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){:root{--line: rgba(23,52,75,.42)}.primary-button,.mode-card.is-selected{outline:2px solid currentColor}.prompt-panel{background:#0c2639}}.moci-logo{display:inline-flex;align-items:center;gap:.68rem;color:var(--ink)}.moci-logo__mark{width:48px;height:48px;display:grid;place-items:center;color:var(--ink)}.moci-mark{width:100%;height:100%;overflow:visible}.moci-mark__accent{color:var(--red)}.moci-logo__wordmark{display:flex;align-items:baseline;gap:.65rem}.moci-logo__wordmark strong{font:720 1.28rem/1 var(--serif);letter-spacing:.05em;white-space:nowrap}.moci-logo__wordmark small{color:var(--red-deep);font-size:.72rem;font-weight:780;letter-spacing:.25em}.moci-logo--compact .moci-logo__mark{width:68px;height:68px}.moci-logo--light{color:var(--paper)}.moci-logo--light .moci-mark__accent{color:#ef8a70}.account-chip{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700}.secondary-button--wide{width:100%}.account-login .login-illustration{isolation:isolate}.login-brand-stage{width:min(47vw,460px);aspect-ratio:1;position:relative;display:grid;place-items:center;color:var(--paper)}.login-brand-stage:before{content:"";position:absolute;top:4%;right:4%;bottom:4%;left:4%;border:1px solid rgba(248,244,233,.2);border-radius:38% 62% 44% 56%/49% 41% 59% 51%;transform:rotate(-7deg)}.login-brand-stage .moci-mark{width:58%;height:58%;filter:drop-shadow(0 22px 32px rgba(0,0,0,.24))}.login-brand-stage p{position:absolute;left:5%;bottom:9%;margin:0;display:flex;flex-direction:column;color:#f8f4e9cc;font:italic clamp(1.4rem,2.5vw,2.4rem)/1.05 var(--serif)}.login-brand-stage p span:last-child{margin-left:2.8rem;color:#ef8a70}.login-privacy-note{position:absolute;left:2.4rem;bottom:2rem;z-index:2;display:inline-flex;align-items:center;gap:.45rem;color:#f8f4e9a8;font-size:.75rem;letter-spacing:.04em}.account-login__card{width:min(100%,590px)}.account-login__card>.moci-logo{margin-bottom:2.1rem}.account-login__card h1{max-width:10.5em;font-size:clamp(2.45rem,4.6vw,4.35rem)}.account-login__choices{display:grid;gap:.72rem}.provider-button{width:100%;min-height:76px;padding:.75rem .85rem;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:.9rem;color:var(--ink);text-align:left;border:1px solid var(--line);border-radius:17px 8px;background:#ffffff85;transition:transform .15s ease-out,border-color .18s ease,background-color .18s ease}.provider-button:active:not(:disabled){transform:scale(.985)}.provider-button:hover:not(:disabled){border-color:#17344b47;background:#ffffffc7}.provider-button:disabled{cursor:not-allowed;opacity:.66}.provider-button__glyph{width:44px;height:44px;display:grid;place-items:center;border-radius:14px 6px;color:var(--paper);background:var(--ink);font:750 1.1rem/1 system-ui}.provider-button--wechat .provider-button__glyph{color:#fff;background:#2f9e61}.provider-button--google .provider-button__glyph{color:#3569c8;background:#fff;border:1px solid rgba(23,52,75,.12);box-shadow:0 4px 13px #17344b14}.provider-button>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:.2rem}.provider-button strong{font-size:.94rem}.provider-button small{color:var(--ink-soft);font-size:.72rem;line-height:1.4}.wechat-web-login{margin-top:.8rem;padding:1rem;display:grid;gap:.7rem;border:1px solid rgba(47,158,97,.25);border-radius:17px 8px;background:#2f9e6112}.wechat-web-login>div{display:flex;flex-direction:column;gap:.3rem}.wechat-web-login small{color:var(--ink-soft);font-size:.72rem;line-height:1.55}.wechat-web-login__code{min-height:52px;padding:.6rem .8rem;display:flex;align-items:center;justify-content:center;gap:.7rem;color:var(--ink);border:1px dashed rgba(23,52,75,.28);border-radius:12px;background:#ffffffab}.wechat-web-login__code span{font:760 1.08rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;-webkit-user-select:all;user-select:all}.legacy-access{margin-top:1.2rem;border-top:1px solid var(--line);padding-top:1rem}.legacy-access summary{min-height:44px;display:flex;align-items:center;color:var(--ink-soft);cursor:pointer;font-size:.8rem;font-weight:670}.legacy-access>p{margin:0 0 1rem;color:var(--ink-soft);font-size:.75rem;line-height:1.55}.legacy-access form .secondary-button{margin-top:.7rem}.onboarding-page{min-height:100svh;padding:max(2rem,env(safe-area-inset-top)) 1.2rem max(2rem,env(safe-area-inset-bottom));display:grid;place-items:center}.onboarding-card{width:min(100%,760px);padding:clamp(1.5rem,5vw,4rem);background:#f8f4e9e6;border:1px solid rgba(23,52,75,.12);border-radius:34px 10px;box-shadow:var(--shadow)}.onboarding-card>.moci-logo{margin-bottom:2.4rem}.onboarding-card h1{margin:.55rem 0 .75rem;font:700 clamp(2.25rem,5vw,4rem)/1 var(--serif);letter-spacing:-.04em}.onboarding-card>p{max-width:38rem;color:var(--ink-soft);line-height:1.7}.onboarding-card form{margin-top:2rem;display:grid;gap:1.35rem}.role-picker,.age-picker{margin:0;padding:0;border:0}.role-picker legend,.age-picker legend,.onboarding-field>span{margin-bottom:.55rem;font-size:.78rem;font-weight:750}.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.role-picker legend{grid-column:1/-1}.role-picker button{min-height:96px;padding:1rem;display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;text-align:left;color:var(--ink);border:1px solid var(--line);border-radius:15px 7px;background:#ffffff75}.role-picker button.is-selected{color:var(--paper);background:var(--ink);box-shadow:0 13px 28px #17344b2e}.role-picker button span{display:flex;flex-direction:column;gap:.25rem}.role-picker button small{opacity:.65;line-height:1.35}.onboarding-field{display:flex;flex-direction:column}.onboarding-field input{height:54px;padding:0 1rem;color:var(--ink);border:1px solid var(--line);border-radius:12px;outline:0;background:#ffffff9e}.onboarding-field input:focus{border-color:var(--red);box-shadow:0 0 0 3px #d45d451a}.onboarding-field small{margin-top:.4rem;color:var(--ink-soft);font-size:.72rem}.age-picker{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.age-picker legend{width:100%}.age-picker button{min-height:44px;padding:.5rem .85rem;border:1px solid var(--line);border-radius:99px;color:var(--ink-soft);background:transparent}.age-picker button.is-selected{color:var(--paper);border-color:var(--ink);background:var(--ink)}.consent-notice{display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:1rem;color:#5b4921;border:1px solid rgba(181,138,63,.24);border-radius:14px;background:#eedeb357}.consent-notice p{margin:0;display:flex;flex-direction:column;gap:.2rem}.consent-notice span{font-size:.78rem;line-height:1.45}.onboarding-card footer{margin-top:1.3rem;display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--ink-soft);font-size:.72rem}.guardian-page,.family-page{width:min(100%,1540px);min-height:100svh;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(2.5rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}.guardian-topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.guardian-account{display:flex;align-items:center;gap:.5rem}.guardian-account>span{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700}.guardian-heading{margin:2.4rem 0 1.4rem;display:flex;align-items:end;justify-content:space-between;gap:1rem}.guardian-heading h1{margin:.4rem 0 .45rem;font:700 clamp(2.8rem,6vw,5.5rem)/.95 var(--serif);letter-spacing:-.055em}.guardian-heading p{margin:0;color:var(--ink-soft)}.guardian-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1rem;align-items:start}.student-rail,.guardian-content,.family-links{border:1px solid var(--line);background:#f8f4e9ba;box-shadow:0 18px 52px #252b2b12}.student-rail{min-height:620px;padding:1rem;border-radius:25px 8px}.student-rail__title{padding:.4rem .4rem .9rem;display:flex;justify-content:space-between;color:var(--ink-soft);font-size:.76rem}.student-rail>button{width:100%;min-height:66px;margin-bottom:.45rem;padding:.55rem;display:grid;grid-template-columns:42px 1fr;gap:.7rem;align-items:center;text-align:left;color:var(--ink);border:1px solid transparent;border-radius:13px;background:transparent}.student-rail>button.is-selected{border-color:#17344b1f;background:#ffffffa6}.student-avatar,.family-avatar{width:42px;height:42px;display:grid;place-items:center;color:var(--paper);border-radius:50%;background:var(--ink);font:700 1rem/1 var(--serif)}.student-rail>button>span:last-child{min-width:0;display:flex;flex-direction:column;gap:.2rem}.student-rail>button small{color:var(--ink-soft);font-size:.68rem}.student-rail__empty{padding:1rem .4rem;color:var(--ink-soft);font-size:.78rem}.guardian-bind{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.guardian-bind label{display:flex;align-items:center;gap:.4rem;margin-bottom:.55rem;font-size:.75rem;font-weight:700}.guardian-bind>div{display:grid;grid-template-columns:1fr auto}.guardian-bind input{min-width:0;height:46px;padding:0 .75rem;border:1px solid var(--line);border-radius:10px 0 0 10px;outline:0;text-transform:uppercase;background:#fffdf8}.guardian-bind button{min-width:58px;border:0;border-radius:0 10px 10px 0;color:var(--paper);background:var(--ink);font-weight:700}.guardian-bind small{display:block;margin-top:.45rem;color:var(--sage);font-size:.68rem}.guardian-content{min-height:620px;padding:clamp(1rem,3vw,2.1rem);border-radius:8px 28px}.student-summary-header{display:flex;align-items:center;gap:.8rem}.student-summary-header>div{flex:1}.student-summary-header span{color:var(--red-deep);font-size:.62rem;font-weight:780;letter-spacing:.18em}.student-summary-header h2{margin:.12rem 0 0;font:700 2rem/1.1 var(--serif)}.student-summary-header>small{display:inline-flex;align-items:center;gap:.35rem;color:var(--sage)}.guardian-back{display:none}.guardian-metrics{margin:1.5rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.guardian-metrics article{min-height:112px;padding:1rem;display:grid;grid-template-columns:auto 1fr;gap:.45rem .65rem;align-items:center;border:1px solid var(--line);border-radius:8px 16px;background:#ffffff7a}.guardian-metrics article>svg{color:var(--red)}.guardian-metrics article span{color:var(--ink-soft);font-size:.72rem}.guardian-metrics article strong{grid-column:1/-1;font:700 1.6rem/1 var(--serif)}.attempt-ledger{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#ffffff52}.attempt-ledger>header{padding:1rem 1.1rem;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line)}.attempt-ledger>header span{color:var(--red-deep);font-size:.58rem;font-weight:780;letter-spacing:.16em}.attempt-ledger h3{margin:.18rem 0 0;font:700 1.2rem/1.2 var(--serif)}.attempt-list{max-height:430px;overflow:auto}.attempt-row{min-height:78px;padding:.8rem 1rem;display:grid;grid-template-columns:30px minmax(100px,.8fr) minmax(120px,1fr) minmax(150px,1.25fr) auto;gap:.8rem;align-items:center;border-bottom:1px solid rgba(23,52,75,.08)}.attempt-verdict{color:var(--sage)}.attempt-row--incorrect .attempt-verdict{color:var(--red)}.attempt-row>div{min-width:0;display:flex;flex-direction:column;gap:.2rem}.attempt-row div>span,.attempt-row small{color:var(--ink-soft);font-size:.62rem}.attempt-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.attempt-row time{color:var(--ink-soft);font-size:.66rem}.attempt-ledger>footer{padding:.8rem 1rem;display:flex;align-items:center;gap:.4rem;color:var(--ink-soft);font-size:.67rem;background:#dfe7dc5c}.attempt-empty,.guardian-welcome{padding:3rem 1.2rem;text-align:center;color:var(--ink-soft)}.guardian-welcome{min-height:500px;display:grid;place-items:center;align-content:center;gap:.7rem}.guardian-welcome svg{width:52px;height:52px;color:var(--red)}.guardian-welcome h2,.guardian-welcome p{margin:0}.guardian-error{margin:0 0 1rem;padding:.75rem 1rem;color:var(--red-deep);border:1px solid rgba(212,93,69,.2);border-radius:12px;background:#d45d4512}.family-page .compact-header>.moci-logo{transform:translate(12px)}.family-hero{margin:3rem auto 1rem;max-width:1120px;padding:clamp(1.4rem,4vw,3rem);display:flex;align-items:end;justify-content:space-between;gap:2rem;color:var(--paper);border-radius:28px 8px;background:var(--ink)}.family-hero h1{margin:.4rem 0 .55rem;font:700 clamp(2.6rem,6vw,5rem)/.95 var(--serif)}.family-hero p{max-width:38rem;margin:0;color:#f8f4e9ad;line-height:1.65}.family-hero .primary-button{color:var(--ink);background:var(--paper);box-shadow:none}.invite-ticket{max-width:1120px;margin:1rem auto;padding:1.2rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px dashed rgba(212,93,69,.45);border-radius:10px 20px;background:#ffffff80}.invite-ticket>div{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;align-items:baseline}.invite-ticket span{color:var(--ink-soft);font-size:.72rem}.invite-ticket strong{font:750 2rem/1 var(--serif);letter-spacing:.13em}.invite-ticket small{grid-column:2;display:inline-flex;align-items:center;gap:.35rem;color:var(--ink-soft);font-size:.68rem}.family-links{max-width:1120px;margin:1rem auto;padding:1.2rem;border-radius:8px 24px}.family-links>header{display:flex;align-items:end;justify-content:space-between;padding:.5rem .4rem 1rem;border-bottom:1px solid var(--line)}.family-links>header span{color:var(--red-deep);font-size:.58rem;font-weight:780;letter-spacing:.18em}.family-links h2{margin:.18rem 0 0;font:700 1.35rem/1.1 var(--serif)}.family-links article{min-height:76px;padding:.75rem .4rem;display:grid;grid-template-columns:44px 1fr auto;gap:.8rem;align-items:center;border-bottom:1px solid rgba(23,52,75,.08)}.family-links article>div{display:flex;flex-direction:column;gap:.2rem}.family-links article small{color:var(--ink-soft)}.family-empty{min-height:210px;display:grid;place-items:center;align-content:center;gap:.4rem;color:var(--ink-soft);text-align:center}.family-empty svg{width:42px;height:42px;color:var(--red)}.ink-workspace{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.45rem;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ink-workspace .ink-sheet{min-height:0}.ink-workspace .ink-toolbar{position:static;justify-self:center;transform:none;flex-shrink:0}@media(max-width:900px){.guardian-layout{grid-template-columns:230px minmax(0,1fr)}.guardian-metrics{grid-template-columns:repeat(2,1fr)}.attempt-row{grid-template-columns:28px minmax(90px,.8fr) minmax(120px,1fr) auto}.attempt-row>div:nth-of-type(3){display:none}}@media(max-width:680px){.account-login{display:block}.account-login .login-illustration{min-height:240px}.login-brand-stage{width:230px}.login-brand-stage p{font-size:1.2rem}.login-privacy-note{left:1rem;bottom:.8rem}.account-login__card{padding:1.6rem 1.1rem 2rem}.account-login__card>.moci-logo{margin-bottom:1.3rem}.role-picker{grid-template-columns:1fr}.role-picker legend{grid-column:auto}.guardian-heading{margin-top:1.4rem;align-items:flex-start;flex-direction:column}.guardian-layout{display:block}.student-rail{min-height:0;margin-bottom:1rem}.student-rail>button{display:inline-grid;width:calc(50% - .3rem)}.guardian-content{min-height:400px}.guardian-metrics{grid-template-columns:1fr 1fr}.attempt-row{grid-template-columns:28px 1fr auto}.attempt-row>div:nth-of-type(2),.attempt-row>div:nth-of-type(3){display:none}.family-hero{margin-top:1.5rem;align-items:stretch;flex-direction:column}.invite-ticket{align-items:stretch;flex-direction:column}.invite-ticket>div{grid-template-columns:1fr}.invite-ticket small{grid-column:auto}.family-links article{grid-template-columns:44px 1fr}.family-links article>button{grid-column:2;justify-self:start}.ink-workspace .ink-toolbar{width:100%;justify-content:center;overflow-x:auto}}@media(prefers-reduced-transparency:reduce){.account-login__card,.onboarding-card,.student-rail,.guardian-content,.family-links,.provider-button{background:var(--paper)}}.guardian-consent-card{display:grid;gap:.55rem;margin:.8rem 0 0;padding:.9rem;border:1px solid color-mix(in srgb,var(--red) 35%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--paper) 88%,var(--red) 12%)}.guardian-consent-card>span,.guardian-consent-card>small{color:var(--muted);line-height:1.45}.guardian-consent-card button{min-height:44px;border:0;border-radius:12px;background:var(--ink);color:var(--paper);font:inherit;font-weight:700}.merge-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;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:#17344b6b;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.merge-dialog{position:relative;width:min(520px,100%);padding:clamp(1.4rem,4vw,2.25rem);border:1px solid rgba(23,52,75,.16);border-radius:26px;background:var(--paper);box-shadow:0 28px 70px #17344b40}.merge-dialog__close{position:absolute;top:.8rem;right:.8rem}.merge-dialog__icon{display:grid;width:54px;height:54px;margin-bottom:1rem;place-items:center;border-radius:16px;color:var(--paper);background:var(--ink)}.merge-dialog h2{margin:.35rem 0 .65rem;font-size:clamp(1.55rem,4vw,2.15rem)}.merge-dialog>p{color:var(--muted);line-height:1.6}.merge-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.25rem 0}.merge-preview div{display:grid;gap:.25rem;padding:.85rem;border:1px solid var(--line);border-radius:14px;background:var(--paper-soft)}.merge-preview span{color:var(--muted);font-size:.8rem}.merge-preview strong{font-size:1.45rem}.merge-privacy{display:flex;align-items:center;gap:.45rem;font-size:.86rem}.merge-dialog__later{width:100%;justify-content:center;margin-top:.5rem}.account-migration-card{margin:1.25rem auto 0;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--line);border-radius:24px;background:var(--paper)}.account-migration-card>h2{margin:.35rem 0 1.1rem}.account-migration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.account-migration-grid>div,.account-migration-grid>form,.legacy-claim-box{display:grid;align-content:start;gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--paper-soft)}.account-migration-grid h3,.legacy-claim-box h3{margin:0}.account-migration-grid p,.legacy-claim-box p{margin:0;color:var(--muted);line-height:1.55}.migration-code{display:grid;gap:.35rem;padding:.85rem;border-radius:14px;background:var(--paper);overflow-wrap:anywhere}.migration-code strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--red)}.migration-code small{color:var(--muted)}@media(max-width:680px){.account-migration-grid{grid-template-columns:1fr}.merge-preview{gap:.4rem}.merge-preview div{padding:.65rem}}