:root{--paper:#f5efe2;--paper-deep:#ebe2cf;--surface:#fbf7ee;--surface-2:#f0e9d8;--surface-3:#e7decb;--ink:#1a1d29;--ink-soft:#3a3f4f;--ink-faint:#76798a;--ink-faintest:#aeb0bd;--rule:#d9cfb9;--rule-soft:#e7decb;--c-coral:#d2451e;--c-coral-deep:#b13816;--c-emerald:#1f7a4f;--c-emerald-soft:#d6ebdf;--c-amber:#c2820e;--c-amber-soft:#f4e7c4;--c-rose:#c0392b;--c-rose-soft:#f5dad5;--c-blue:#2c4a8a;--c-success:var(--c-emerald);--c-warning:var(--c-amber);--c-danger:var(--c-rose);--c-info:var(--c-blue);--c-primary:var(--c-coral);--c-primary-deep:var(--c-coral-deep);--subject-hue:16;--subject-tint:hsl(var(--subject-hue) 70% 45%);--subject-tint-soft:hsl(var(--subject-hue) 70% 92% / .7);--radius-xs:6px;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--shadow-rest:0 1px 0 rgba(20,20,30,.04), 0 2px 6px rgba(20,20,30,.04), 0 12px 24px -8px rgba(20,20,30,.08);--shadow-lift:0 1px 0 rgba(20,20,30,.05), 0 4px 10px rgba(20,20,30,.07), 0 20px 40px -12px rgba(20,20,30,.12);--shadow-press:inset 0 1px 2px rgba(20,20,30,.08);--ring:0 0 0 3px hsl(var(--subject-hue) 70% 60% / .32);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:22px;--s-6:30px;--s-7:44px;--s-8:64px;--tabbar-h:72px;--header-h:60px;--font-display:"Songti SC", "STSong", "Times New Roman", serif;--font-body:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Plus Jakarta Sans", "Microsoft YaHei", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}@media (prefers-color-scheme:dark){:root{--paper:#0e1116;--paper-deep:#0a0d12;--surface:#161b24;--surface-2:#1d2330;--surface-3:#252c3c;--ink:#f0ece4;--ink-soft:#c7c4bc;--ink-faint:#8b8c93;--ink-faintest:#555761;--rule:#2a313e;--rule-soft:#1f2530;--c-coral:#ff8b67;--c-coral-deep:#ff6f44;--c-emerald:#5fc890;--c-emerald-soft:rgba(95,200,144,.16);--c-amber:#f1b93d;--c-amber-soft:rgba(241,185,61,.18);--c-rose:#ff7b6e;--c-rose-soft:rgba(255,123,110,.18);--c-blue:#7aa3ff;--c-primary:var(--c-coral);--c-primary-deep:var(--c-coral-deep);--shadow-rest:0 1px 0 rgba(0,0,0,.5), 0 6px 18px rgba(0,0,0,.4), 0 24px 50px -16px rgba(0,0,0,.6);--shadow-lift:0 1px 0 rgba(0,0,0,.6), 0 10px 28px rgba(0,0,0,.5), 0 30px 60px -18px rgba(0,0,0,.75);--noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.04 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh;min-height:100dvh;margin:0;padding:0}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain;font-feature-settings:"ss01" on, "ss02" on, "cv11" on;font-size:16px;line-height:1.55}body:before{content:"";pointer-events:none;background-image:var(--noise);opacity:.7;mix-blend-mode:multiply;z-index:0;background-size:160px 160px;position:fixed;top:0;bottom:0;left:0;right:0}@media (prefers-color-scheme:dark){body:before{mix-blend-mode:screen;opacity:.5}}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}::-moz-selection{background:hsl(var(--subject-hue) 70% 70% / .45)}::selection{background:hsl(var(--subject-hue) 70% 70% / .45)}.app-shell{min-height:100vh;z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.build-badge{right:max(10px, env(safe-area-inset-right));bottom:calc(max(10px, env(safe-area-inset-bottom)) + 74px);z-index:80;background:color-mix(in srgb, var(--paper) 78%, transparent);border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);color:color-mix(in srgb, var(--ink) 64%, transparent);font:11px/1.2 var(--font-mono);letter-spacing:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:6px;padding:3px 7px;position:fixed}.app-main--no-tabs~.build-badge{bottom:max(10px, env(safe-area-inset-bottom))}.app-shell--selection-guard,.app-shell--selection-guard *{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}.app-shell--selection-guard .app-header__user,.app-shell--selection-guard .app-header__user *{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.app-shell--selection-guard textarea,.app-shell--selection-guard input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]),.app-shell--selection-guard [contenteditable=true],.app-shell--selection-guard [data-allow-selection=true]{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}.app-header{height:var(--header-h);justify-content:space-between;align-items:center;gap:var(--s-3);padding:0 var(--s-5);background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.1);border-bottom:1px solid var(--rule);z-index:10;display:flex;position:-webkit-sticky;position:sticky;top:0}.app-header__brand{align-items:center;gap:var(--s-2);min-width:0;display:flex}.app-header__logo{background:linear-gradient(135deg, var(--c-coral), var(--c-coral-deep));color:#fff;letter-spacing:-.02em;width:32px;height:32px;font-size:14px;font-weight:700;font-family:var(--font-display);border-radius:8px;justify-content:center;align-items:center;font-style:italic;display:inline-flex;transform:rotate(-3deg);box-shadow:0 2px 8px rgba(195,77,34,.3),inset 0 1px rgba(255,255,255,.25)}.app-header__logo:before{content:"艾"}.app-header h1{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"opsz" 30, "SOFT" 50;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;margin:0;font-size:19px;font-weight:500;overflow:hidden}.app-header__user{align-items:center;gap:var(--s-2);background:var(--surface);border:1px solid var(--rule);color:var(--ink);box-shadow:var(--shadow-rest);border-radius:999px;flex-shrink:0;padding:4px 14px 4px 4px;font-size:14px;font-weight:500;transition:transform 80ms,border-color .2s,box-shadow .2s;display:inline-flex;transform:rotate(-1.5deg)}.app-header__user:hover{box-shadow:var(--shadow-lift);transform:rotate(-1.5deg)translateY(-1px)}.app-header__user:active{transform:rotate(-1.5deg)translateY(0)scale(.98)}.app-header__avatar{background:var(--surface-2);border:1px solid var(--rule-soft);border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:inline-flex}.app-header__name{letter-spacing:.01em;font-weight:600}.app-main{padding:var(--s-5);padding-bottom:calc(var(--tabbar-h) + var(--s-7));flex:1;width:100%;max-width:760px;margin:0 auto}.app-main--no-tabs{padding-bottom:calc(env(safe-area-inset-bottom,0) + var(--s-5))}.tabbar{height:var(--tabbar-h);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.2);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom,0);z-index:30;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__item{color:var(--ink-faint);letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 4px;font-size:11px;text-decoration:none;transition:color .2s;display:flex;position:relative}.tabbar__icon{font-size:22px;line-height:1;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.tabbar__item--active{color:var(--c-coral)}.tabbar__item--active .tabbar__icon{transform:translateY(-2px)scale(1.05)}.tabbar__item--active:after{content:"";background:var(--c-coral);border-radius:50%;width:5px;height:5px;position:absolute;top:6px}.btn{justify-content:center;align-items:center;gap:var(--s-2);letter-spacing:.01em;background:var(--surface);color:var(--ink);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1.5px solid transparent;border-radius:999px;min-height:44px;padding:12px 22px;font-size:15px;font-weight:600;transition:transform .1s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn-primary{background:linear-gradient(180deg, var(--c-coral) 0%, var(--c-coral-deep) 100%);color:#fff8f4;border-color:var(--c-coral-deep);text-shadow:0 1px rgba(0,0,0,.12);box-shadow:inset 0 1px rgba(255,255,255,.18),0 4px 14px rgba(195,77,34,.34),0 12px 28px -12px rgba(195,77,34,.6)}.btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,.18),0 6px 16px rgba(195,77,34,.42),0 16px 36px -12px rgba(195,77,34,.7)}.btn-primary:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 1px rgba(255,255,255,.18),0 2px 8px rgba(195,77,34,.4)}.btn-secondary{background:var(--surface);border-color:var(--rule);box-shadow:var(--shadow-rest)}.btn-secondary:not(:disabled):hover{background:var(--surface-2);border-color:var(--ink-faintest)}.btn-ghost{color:var(--ink-faint);background:0 0;min-height:36px;padding:8px 14px}.btn-ghost:hover{color:var(--ink);background:var(--surface-2)}.btn-danger{color:var(--c-rose);border-color:color-mix(in srgb, var(--c-rose) 35%, transparent);background:0 0}.btn-danger:hover{background:var(--c-rose-soft)}.btn-xl{border-radius:var(--radius-lg);letter-spacing:.02em;width:100%;padding:18px 26px;font-size:17px;font-weight:700}.btn-sm{min-height:36px;padding:8px 14px;font-size:13px}.page-empty{padding:var(--s-7) var(--s-4);text-align:center;color:var(--ink-faint);gap:var(--s-4);flex-direction:column;align-items:center;font-size:14px;display:flex}.empty{padding:var(--s-5);text-align:center;color:var(--ink-faint);background:var(--surface-2);border-radius:var(--radius);font-size:14px}.parent-gate{min-height:calc(100dvh - var(--header-h) - var(--tabbar-h) - var(--s-8));padding:var(--s-5) 0;place-items:center;display:grid}.parent-gate__panel{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);width:min(100%,420px);box-shadow:var(--shadow-lift);padding:var(--s-6);gap:var(--s-4);flex-direction:column;display:flex}.parent-gate__mark{border:1px solid color-mix(in srgb, var(--c-blue) 35%, transparent);color:var(--c-blue);background:color-mix(in srgb, var(--c-blue) 10%, transparent);letter-spacing:0;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:700}.parent-gate__panel h2{font-family:var(--font-display);letter-spacing:0;margin:0;font-size:28px;font-weight:500}.parent-gate__panel p{color:var(--ink-faint);margin:0;font-size:14px}.parent-gate__form{gap:var(--s-3);flex-direction:column;display:flex}.parent-gate__label{color:var(--ink-soft);font-size:13px;font-weight:700}.parent-gate__input{border:1.5px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);width:100%;color:var(--ink);font:inherit;text-align:center;min-height:52px;font-size:20px;font-family:var(--font-mono);padding:12px 14px}.parent-gate__input:focus{border-color:var(--c-coral);box-shadow:var(--ring);outline:none}.parent-gate__error{color:var(--c-rose);background:var(--c-rose-soft);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px}.parent-gate__actions{gap:var(--s-2);grid-template-columns:1fr auto;align-items:center;display:grid}@media (max-width:520px){.parent-gate{align-items:start;min-height:auto}.parent-gate__panel{padding:var(--s-5)}.parent-gate__actions{grid-template-columns:1fr}}.home-page{gap:var(--s-6);--subject-tint:hsl(var(--subject-hue,16) 70% 50%);--subject-tint-soft:hsl(var(--subject-hue,16) 70% 92% / .6);flex-direction:column;display:flex}@media (prefers-color-scheme:dark){.home-page{--subject-tint-soft:hsl(var(--subject-hue,16) 60% 45% / .18)}}.subject-switcher{margin:0 calc(-1 * var(--s-5)) 0;padding:0 var(--s-5)}.subject-switcher__scroll{gap:var(--s-2);padding-bottom:var(--s-2);scrollbar-width:none;scroll-snap-type:x proximity;display:flex;overflow-x:auto}.subject-switcher__scroll::-webkit-scrollbar{display:none}.subject-chip{background:var(--surface);border:1.5px solid var(--rule);color:var(--ink);white-space:nowrap;scroll-snap-align:start;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:40px;padding:9px 16px 9px 12px;font-size:14px;font-weight:600;transition:transform .1s,background .2s,border-color .2s;display:inline-flex}.subject-chip:active{transform:scale(.96)}.subject-chip--active{box-shadow:0 4px 14px rgba(20,20,30,.25);background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important}.subject-chip--active:before{content:"";background:hsl(var(--subject-hue) 75% 65%);border-radius:50%;width:5px;height:5px}.subject-chip--add{border-style:dashed;border-color:var(--ink-faintest);color:var(--ink-faint);background:0 0}.subject-chip--add:hover{color:var(--ink);border-color:var(--ink-soft)}.subject-chip__emoji{font-size:16px;line-height:1}.subject-banner{align-items:center;gap:var(--s-4);background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius-lg);padding:var(--s-5);box-shadow:var(--shadow-rest);display:flex;position:relative;overflow:hidden}.subject-banner:before{content:"";background:var(--subject-tint);width:6px;position:absolute;top:0;bottom:0;left:0;right:auto}.subject-banner__emoji{background:var(--subject-tint-soft);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:36px;line-height:1;display:flex}.subject-banner__name{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"opsz" 30, "SOFT" 50;font-size:22px;font-weight:600}.subject-banner__desc{color:var(--ink-faint);margin-top:2px;font-size:13px}.home-stats{gap:var(--s-3);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);padding:var(--s-4) var(--s-3);text-align:center;box-shadow:var(--shadow-rest);transition:transform .2s,box-shadow .25s;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--ink-faintest);border-radius:2px;width:24px;height:3px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.stat-card--primary:before{background:var(--subject-tint)}.stat-card--info:before{background:var(--c-blue)}.stat-card--success:before{background:var(--c-emerald)}.stat-card--warning:before{background:var(--c-amber)}.stat-card--muted:before{background:var(--ink-faintest)}.stat-card--danger:before{background:var(--c-rose)}.stat-card__value{font-family:var(--font-display);letter-spacing:-.03em;font-variation-settings:"opsz" 144, "SOFT" 30;color:var(--ink);margin-top:8px;font-size:32px;font-weight:600;line-height:1}.stat-card__label{color:var(--ink-faint);letter-spacing:.04em;margin-top:8px;font-size:12px}.streak-block{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);padding:var(--s-4) var(--s-5);flex-direction:column;gap:2px;display:flex;position:relative;overflow:hidden}.streak-block:after{content:"";left:var(--s-5);right:var(--s-5);bottom:var(--s-3);background-image:linear-gradient(90deg, var(--rule) 50%, transparent 50%);opacity:.4;background-size:6px 1px;height:1px;position:absolute}.streak-block__main{align-items:baseline;gap:var(--s-2);font-family:var(--font-display);display:flex}.streak-fire{font-size:24px;animation:2.4s ease-in-out infinite alternate flicker;display:inline-block}@keyframes flicker{0%{opacity:.85;transform:rotate(-2deg)}to{opacity:1;transform:rotate(2deg)}}.streak-count{color:var(--c-amber);font-variation-settings:"opsz" 144, "SOFT" 80;letter-spacing:-.02em;font-size:36px;font-style:italic;font-weight:600;line-height:1}.streak-label{color:var(--ink-soft);font-size:14px;font-family:var(--font-body);font-style:normal}.streak-block__sub{color:var(--ink-faint);margin-top:var(--s-2);font-size:13px;font-family:var(--font-mono);font-feature-settings:"tnum"}.speed-stats{justify-content:center;align-items:baseline;gap:var(--s-2);margin-top:var(--s-2);color:var(--ink-faint);font-size:12px;font-family:var(--font-body);flex-wrap:wrap;display:flex}.speed-stats__icon{font-size:14px;line-height:1}.speed-stats__item{align-items:baseline;gap:4px;display:inline-flex}.speed-stats__label{color:var(--ink-faint)}.speed-stats__value{font-family:var(--font-mono);font-feature-settings:"tnum";color:var(--ink-soft);font-weight:600}.speed-stats__sep{color:var(--ink-faintest)}.vocab-tools{justify-content:center;align-items:center;gap:var(--s-2);margin:var(--s-2) 0 var(--s-1);flex-wrap:wrap;display:flex}.vocab-tool{align-items:center;gap:var(--s-2);display:inline-flex;position:relative}.vocab-tool__btn{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:var(--surface);min-height:34px;color:var(--ink-soft);font-family:var(--font-body);cursor:pointer;padding:7px 13px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.vocab-tool__btn:hover:not(:disabled){background:var(--surface-2);border-color:color-mix(in srgb, var(--ink) 26%, transparent);color:var(--ink)}.vocab-tool__btn--active{background:color-mix(in srgb, var(--c-amber) 12%, var(--surface));border-color:color-mix(in srgb, var(--c-amber) 34%, var(--rule));color:var(--c-amber)}.vocab-tool__btn:disabled{opacity:.65;cursor:default}.vocab-tool__msg{color:var(--ink-faint);font-size:12px}.vocab-history__panel{z-index:12;background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);width:210px;box-shadow:var(--shadow-lift);padding:var(--s-3);position:absolute;top:calc(100% + 8px);right:0}.vocab-history__title{color:var(--ink);margin-bottom:var(--s-2);font-size:13px;font-weight:700}.vocab-history__empty{color:var(--ink-faint);font-size:12px;line-height:1.5}.vocab-history__list{font-family:var(--font-mono);color:var(--ink-soft);font-feature-settings:"tnum";flex-direction:column;gap:5px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.study-card-frame{position:relative}.report-btn-wrap{z-index:5;position:absolute;top:10px;right:10px}.report-btn{border:1.5px solid var(--rule);background:var(--surface);width:32px;height:32px;color:var(--ink-faint);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex;position:relative}.report-btn:hover{border-color:color-mix(in oklab, var(--c-amber) 50%, var(--rule));color:var(--ink)}.report-btn--marked{background:color-mix(in oklab, var(--c-amber) 18%, var(--surface));border-color:color-mix(in oklab, var(--c-amber) 55%, var(--rule));color:var(--c-amber)}.report-btn__icon{font-weight:700}.report-btn__dot{background:var(--c-rose);border:1.5px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:1px;right:1px}.report-btn--resolved .report-btn__dot{display:none}.report-btn__check{background:var(--c-emerald);color:#fff;border:1.5px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.report-panel{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);width:min(280px,100vw - 32px);padding:var(--s-3) var(--s-4);box-shadow:var(--shadow-lift);gap:var(--s-2);z-index:10;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0}.report-panel:before{content:"";background:var(--surface);border-top:1.5px solid var(--rule);border-left:1.5px solid var(--rule);width:12px;height:12px;position:absolute;top:-7px;right:12px;transform:rotate(45deg)}.report-panel__head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.report-panel__toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;font-family:var(--font-display);color:var(--ink);align-items:center;gap:8px;font-weight:600;display:inline-flex}.report-panel__toggle input{cursor:pointer}.report-panel__toggle-text{letter-spacing:-.005em}.report-panel__close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:14px;line-height:1}.report-panel__close:hover{background:var(--ink-faintest);color:var(--ink)}.report-panel__note{border:1.5px solid var(--rule);border-radius:var(--radius-sm,6px);width:100%;font:inherit;font-size:13px;font-family:var(--font-body);resize:vertical;background:var(--bg,var(--surface));min-height:48px;color:var(--ink);padding:8px 10px}.report-panel__note:focus{border-color:color-mix(in oklab, var(--c-amber) 55%, var(--rule));outline:none}.report-panel__meta{color:var(--ink-faint);font-size:11px;font-family:var(--font-mono);font-feature-settings:"tnum";justify-content:space-between;align-items:center;display:flex}.report-panel__count.is-over{color:var(--c-rose);font-weight:600}.report-panel__resolved{font-family:var(--font-body);color:var(--c-emerald)}.goal-done{background:linear-gradient(135deg, color-mix(in oklab, var(--c-emerald) 14%, var(--surface)), var(--surface));border:1.5px solid color-mix(in oklab, var(--c-emerald) 38%, var(--rule));border-radius:var(--radius);padding:var(--s-3) var(--s-5);align-items:center;gap:var(--s-3);display:flex}.goal-done__emoji{font-size:26px;line-height:1}.goal-done__main{flex-direction:column;gap:2px;min-width:0;display:flex}.goal-done__title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.005em;font-size:15px;font-weight:600}.goal-done__sub{color:var(--ink-faint);font-size:12px;font-family:var(--font-body);line-height:1.45}.home-actions{gap:var(--s-3);flex-direction:column;display:flex}.home-actions__row{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.home-actions__pick{margin-top:var(--s-2);color:var(--ink-faint);border:1px dashed var(--rule);cursor:pointer;background:0 0;border-radius:999px;align-self:center;padding:6px 18px;font-size:13px;font-weight:500;transition:color .16s,border-color .16s,background .16s}.home-actions__pick:hover:not(:disabled){color:var(--ink);border-color:var(--ink-faint);background:var(--surface);border-style:solid}.home-actions__pick:disabled{opacity:.4;cursor:default}.study-page{gap:var(--s-4);flex-direction:column;display:flex}.study-page,.study-page *{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}.study-page textarea,.study-page input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]),.study-page [contenteditable=true],.study-page [data-allow-selection=true]{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}.study-topbar{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.study-topbar__chips{gap:var(--s-2);flex-wrap:nowrap;margin-left:auto;display:flex}.study-topbar__chip{letter-spacing:.04em;color:var(--ink-faint);background:var(--surface);border:1px solid var(--rule);border-radius:999px;align-items:baseline;gap:4px;padding:4px 12px;font-size:12px;display:inline-flex}.study-topbar__chip--clickable{cursor:pointer;transition:background .16s,border-color .16s,transform 80ms}.study-topbar__chip--clickable:hover{background:var(--surface-2);border-color:var(--ink-faintest)}.study-topbar__chip--clickable:active{transform:scale(.96)}.study-topbar__chip--remaining{background:color-mix(in srgb, var(--c-coral) 12%, var(--surface));border-color:color-mix(in srgb, var(--c-coral) 30%, transparent);color:var(--c-coral)}.study-topbar__chip--remaining .study-topbar__chip-num{color:var(--c-coral)}.study-topbar__chip--filter{background:color-mix(in srgb, var(--c-emerald,#396) 14%, var(--surface));border-color:color-mix(in srgb, var(--c-emerald,#396) 35%, transparent);color:var(--c-emerald,#1d7247);font-weight:600}.study-topbar__chip-num{font-family:var(--font-mono);font-feature-settings:"tnum";color:var(--ink);font-size:15px;font-weight:600}.study-topbar__counter{gap:var(--s-3);font-size:14px;font-family:var(--font-mono);font-feature-settings:"tnum";display:flex}.study-topbar__counter .ok{color:var(--c-emerald)}.study-topbar__counter .warn{color:var(--c-amber)}.study-topbar__counter .bad{color:var(--c-rose)}.qcard{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius-xl);padding:var(--s-6) var(--s-5);gap:var(--s-3);box-shadow:var(--shadow-lift);flex-direction:column;display:flex;position:relative;overflow:hidden}.qcard:before{content:"";background-image:linear-gradient(var(--rule-soft) 1px, transparent 1px);opacity:.4;pointer-events:none;background-size:100% 22px;height:90px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}.qcard__meta{gap:var(--s-3);color:var(--ink-faint);z-index:1;align-items:center;font-size:12px;display:flex;position:relative}.qcard__type{font-family:var(--font-display);background:var(--surface-2);border:1px solid var(--rule);color:var(--ink-soft);font-variation-settings:"opsz" 30;border-radius:999px;padding:3px 12px;font-size:13px;font-style:italic}.qcard__progress{font-family:var(--font-mono);font-feature-settings:"tnum";letter-spacing:0;margin-left:auto}.qcard__progress--retry{background:color-mix(in oklab, var(--accent-warn,#c97a4a) 18%, transparent);color:color-mix(in oklab, var(--accent-warn,#c97a4a) 85%, var(--ink,#2a1d12));border-radius:999px;padding:2px 10px;font-weight:600}.qcard__timer{font-family:var(--font-mono);font-feature-settings:"tnum"}.qcard__question{font-family:var(--font-display);margin:var(--s-2) 0 0;letter-spacing:-.01em;font-variation-settings:"opsz" 30, "SOFT" 50;z-index:1;color:var(--ink);font-size:26px;font-weight:500;line-height:1.35;position:relative}.qcard__tags{gap:var(--s-2);z-index:1;margin-top:var(--s-2);flex-wrap:wrap;display:flex;position:relative}.qcard__tag{letter-spacing:.04em;color:var(--ink-faint);background:var(--surface-2);border-radius:999px;padding:3px 10px;font-size:11px}.answer-input{gap:var(--s-3);flex-direction:column;display:flex}.answer-input textarea{border:1.5px solid var(--rule);background:var(--surface);width:100%;color:var(--ink);border-radius:var(--radius);padding:var(--s-4);resize:vertical;min-height:100px;font-size:17px;line-height:1.5;font-family:var(--font-body);outline:none;transition:border-color .18s,box-shadow .2s}.answer-input textarea:focus{border-color:var(--c-coral);box-shadow:0 0 0 4px rgba(224,120,82,.18)}.answer-input textarea::placeholder{color:var(--ink-faintest)}.answer-input__buttons{gap:var(--s-3);grid-template-columns:auto 1fr;align-items:stretch;display:grid}.btn-skip{background:var(--surface-2);color:var(--ink-soft);border:1.5px dashed var(--rule);font-weight:500}.btn-skip:not(:disabled):hover{border-color:var(--ink-faintest);color:var(--ink)}.vocab-input__head{gap:var(--s-3);grid-template-columns:1fr auto;align-items:stretch;display:grid}.vocab-input__skip{white-space:nowrap;align-self:stretch}.feedback{border-radius:var(--radius-lg);padding:var(--s-5);gap:var(--s-3);box-shadow:var(--shadow-rest);border:1.5px solid;flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) fbIn;display:flex}@keyframes fbIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.feedback--correct{background:var(--c-emerald-soft);border-color:color-mix(in srgb, var(--c-emerald) 28%, transparent)}.feedback--partial{background:var(--c-amber-soft);border-color:color-mix(in srgb, var(--c-amber) 32%, transparent)}.feedback--wrong{background:var(--c-rose-soft);border-color:color-mix(in srgb, var(--c-rose) 28%, transparent)}.feedback__icon{font-size:32px;line-height:1}.feedback__title{font-family:var(--font-display);font-variation-settings:"opsz" 30, "SOFT" 50;align-items:center;gap:var(--s-2);font-size:19px;font-weight:600;display:flex}.feedback__answer{font-family:var(--font-display);font-variation-settings:"opsz" 30;color:var(--ink);font-size:18px;font-weight:500}.feedback__row{flex-direction:column;gap:2px;font-size:14px;display:flex}.feedback__label{color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.feedback__value{color:var(--ink);line-height:1.45}.feedback__value--good{color:var(--c-emerald);font-family:var(--font-display);font-size:17px;font-weight:500}.feedback__chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.chip{background:var(--surface);border:1px solid var(--rule);border-radius:999px;padding:3px 12px;font-size:13px}.chip--ok{background:color-mix(in srgb, var(--c-emerald) 16%, var(--surface));color:var(--c-emerald);border-color:color-mix(in srgb, var(--c-emerald) 30%, transparent)}.chip--miss{background:color-mix(in srgb, var(--c-rose) 16%, var(--surface));color:var(--c-rose);border-color:color-mix(in srgb, var(--c-rose) 30%, transparent)}.feedback__hint{background:color-mix(in srgb, var(--surface) 70%, transparent);border:1px dashed var(--rule);padding:var(--s-3) var(--s-4);border-radius:var(--radius);color:var(--ink-soft);font-size:14px}.feedback__explain-text{margin-top:var(--s-2);background:var(--surface);border:1px solid var(--rule);padding:var(--s-3);border-radius:var(--radius);white-space:pre-wrap;font-size:14px}.feedback__override-row{align-items:center;gap:var(--s-2);margin-top:var(--s-2);padding-top:var(--s-3);border-top:1px dashed color-mix(in srgb, currentColor 30%, transparent);flex-wrap:wrap;display:flex}.feedback__override-label{color:var(--ink-faint);margin-right:auto;font-size:12px}.feedback__override-tag{margin-left:var(--s-2);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);background:var(--surface);border:1px solid var(--rule);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.textbook-ref{margin-top:var(--s-3);padding:var(--s-3) var(--s-4);background:color-mix(in srgb, var(--c-amber-soft) 55%, var(--surface));border:1px solid color-mix(in srgb, var(--c-amber) 30%, var(--rule));border-left:3px solid var(--c-amber);border-radius:var(--radius);gap:var(--s-3);flex-direction:column;display:flex}.textbook-ref__label{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-soft);align-items:baseline;gap:6px;font-size:13px;display:flex}.textbook-ref__icon{font-size:14px}.textbook-ref__page{color:var(--c-amber);font-feature-settings:"tnum";font-weight:600}.textbook-ref__image{border-radius:var(--radius-sm);background:var(--paper);width:100%;max-width:100%;height:auto;display:block;box-shadow:0 1px rgba(20,20,30,.06),0 4px 14px rgba(20,20,30,.1),0 12px 28px rgba(20,20,30,.06)}.complete{gap:var(--s-5);flex-direction:column;display:flex}.complete__hero{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius-xl);padding:var(--s-7) var(--s-5);text-align:center;box-shadow:var(--shadow-lift);position:relative;overflow:hidden}.complete__hero:after{content:"完";top:var(--s-3);right:var(--s-3);font-family:var(--font-display);color:var(--c-coral);opacity:.12;font-size:40px;font-weight:700;position:absolute}.complete__emoji{font-size:56px;line-height:1}.complete__title{margin:var(--s-3) 0 0;font-size:28px;font-family:var(--font-display);font-variation-settings:"opsz" 30, "SOFT" 80;letter-spacing:-.01em;font-weight:600}.complete__remark{color:var(--ink-faint);margin:var(--s-2) 0 0;font-size:15px}.complete__section{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);padding:var(--s-4)}.complete__section h3{margin:0 0 var(--s-3);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:12px;font-weight:600}.complete__stats{gap:var(--s-2);grid-template-columns:repeat(3,1fr);display:grid}.stat-pill{background:var(--surface-2);border-radius:var(--radius-sm);padding:var(--s-3) var(--s-2);text-align:center}.stat-pill__value{font-family:var(--font-display);font-variation-settings:"opsz" 144;letter-spacing:-.02em;font-size:20px;font-weight:600}.stat-pill__label{color:var(--ink-faint);letter-spacing:.04em;margin-top:2px;font-size:11px}.stat-pill--success .stat-pill__value{color:var(--c-emerald)}.stat-pill--warning .stat-pill__value{color:var(--c-amber)}.stat-pill--danger .stat-pill__value{color:var(--c-rose)}.complete__actions{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.intermission{gap:var(--s-5);flex-direction:column;display:flex}.intermission__hero{text-align:center;padding:var(--s-5) var(--s-4);background:color-mix(in srgb, var(--c-amber) 8%, var(--surface));border:1.5px solid color-mix(in srgb, var(--c-amber) 30%, var(--rule));border-radius:var(--radius-lg)}.intermission__round-chip{background:color-mix(in srgb, var(--c-amber) 18%, var(--surface));border:1px solid color-mix(in srgb, var(--c-amber) 40%, transparent);color:color-mix(in srgb, var(--c-amber) 70%, var(--ink));letter-spacing:.03em;margin-bottom:var(--s-3);border-radius:999px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-block}.intermission__title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:26px;font-weight:600}.intermission__sub{margin:var(--s-2) 0 0;color:var(--ink-faint);font-size:15px}.intermission__stats{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));display:grid}.intermission__actions{gap:var(--s-3);flex-direction:column;display:flex}.intermission__hint{color:var(--ink-faintest);text-align:center;margin:0;font-size:12px}.progress-page{gap:var(--s-5);flex-direction:column;display:flex}.progress-hero{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius-xl);padding:var(--s-5);align-items:center;gap:var(--s-5);box-shadow:var(--shadow-rest);display:flex}.ring{flex-shrink:0;position:relative}.ring__center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ring__pct{font-family:var(--font-display);font-variation-settings:"opsz" 144;letter-spacing:-.03em;font-size:32px;font-weight:600}.ring__sub{color:var(--ink-faint);letter-spacing:.04em;margin-top:2px;font-size:12px}.progress-legend{gap:var(--s-2);flex-direction:column;flex:1;display:flex}.legend-dot{align-items:center;gap:var(--s-2);font-size:14px;display:flex}.legend-dot__swatch{border-radius:3px;width:10px;height:10px}.legend-dot__label{color:var(--ink-faint);flex:1}.legend-dot__value{font-family:var(--font-mono);font-feature-settings:"tnum";font-weight:600}.progress-kpis{gap:var(--s-3);grid-template-columns:repeat(3,1fr);display:grid}.kpi{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);padding:var(--s-4) var(--s-3);text-align:center}.kpi__value{font-family:var(--font-display);letter-spacing:-.02em;font-variation-settings:"opsz" 144;font-size:24px;font-weight:600}.kpi__label{color:var(--ink-faint);letter-spacing:.04em;margin-top:4px;font-size:12px}.progress-today-link{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);text-align:left;color:inherit;width:100%;box-shadow:var(--shadow-rest);transition:transform .1s,box-shadow .2s;display:flex}.progress-today-link:hover{box-shadow:var(--shadow-lift);transform:translateY(-1px)}.progress-today-link:active{transform:translateY(0)}.progress-today-link__icon{font-size:28px}.progress-today-link__main{flex-direction:column;flex:1;gap:2px;display:flex}.progress-today-link__title{font-family:var(--font-display);font-variation-settings:"opsz" 30;font-size:17px;font-weight:600}.progress-today-link__sub{color:var(--ink-faint);font-size:13px}.progress-today-link__arrow{color:var(--ink-faint);font-size:18px}.today-report{gap:var(--s-5);padding-bottom:var(--s-7);flex-direction:column;display:flex}.today-report__head{align-items:center;gap:var(--s-3);display:flex}.today-report__title-block{flex-direction:column;display:flex}.today-report__title{font-family:var(--font-display);font-variation-settings:"opsz" 30, "SOFT" 60;letter-spacing:-.01em;margin:0;font-size:24px;font-weight:500}.today-report__date{color:var(--ink-faint);font-size:12px;font-family:var(--font-mono);font-feature-settings:"tnum";margin-top:2px}.today-report__summary{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius-lg);padding:var(--s-5);box-shadow:var(--shadow-rest);gap:var(--s-4);flex-direction:column;display:flex}.today-summary__hero{justify-content:space-between;align-items:baseline;gap:var(--s-4);display:flex}.today-summary__big-num{font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 50;letter-spacing:-.04em;color:var(--c-coral);font-size:56px;font-weight:600;line-height:.95}.today-summary__big-label{color:var(--ink-faint);margin-top:4px;font-size:13px}.today-summary__pct{font-family:var(--font-display);font-variation-settings:"opsz" 144;letter-spacing:-.02em;text-align:right;font-size:28px;font-weight:600}.today-summary__pct-label{color:var(--ink-faint);text-align:right;font-size:12px}.today-summary__chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.today-chip{border:1px solid var(--rule);background:var(--surface-2);border-radius:999px;align-items:baseline;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.today-chip__num{font-family:var(--font-display);font-size:16px;font-weight:600}.today-chip__label{color:var(--ink-faint)}.today-chip--ok .today-chip__num{color:var(--c-emerald)}.today-chip--warn .today-chip__num{color:var(--c-amber)}.today-chip--bad .today-chip__num{color:var(--c-rose)}.today-report__timeline{gap:var(--s-3);flex-direction:column;display:flex}.today-report__timeline-head{padding:0 var(--s-2);justify-content:space-between;align-items:baseline;display:flex}.today-report__timeline-head h3{font-family:var(--font-display);font-variation-settings:"opsz" 30;margin:0;font-size:16px;font-weight:600}.today-report__hint{color:var(--ink-faint);font-size:12px}.today-list{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.today-row{gap:var(--s-3);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--s-3) var(--s-4);grid-template-columns:auto auto 1fr;align-items:start;padding-right:48px;display:grid;position:relative}.today-row__time{font-family:var(--font-mono);font-feature-settings:"tnum";color:var(--ink-faint);min-width:40px;padding-top:2px;font-size:13px}.today-row__result{white-space:nowrap;border-radius:999px;align-self:start;margin-top:1px;padding:2px 10px;font-size:12px;font-weight:600}.today-row__result--correct{background:color-mix(in srgb, var(--c-emerald) 16%, transparent);color:var(--c-emerald)}.today-row__result--partial{background:color-mix(in srgb, var(--c-amber) 16%, transparent);color:var(--c-amber)}.today-row__result--wrong{background:color-mix(in srgb, var(--c-rose) 14%, transparent);color:var(--c-rose)}.today-row__result--skip{background:var(--surface-2);color:var(--ink-faint);border:1px dashed var(--rule);padding:1px 8px}.today-row__main{flex-direction:column;gap:4px;min-width:0;display:flex}.today-row__question{font-family:var(--font-display);font-variation-settings:"opsz" 30;font-size:15px;font-weight:500}.today-row__answer,.today-row__correct{gap:4px;font-size:13px;line-height:1.45;display:flex}.today-row__answer-label{color:var(--ink-faint);letter-spacing:.04em;flex-shrink:0;padding-top:2px;font-size:11px}.today-row__answer-text{color:var(--ink-soft)}.today-row__correct-text{color:var(--c-emerald);font-weight:500}.today-row__meta{gap:var(--s-2);flex-wrap:wrap;margin-top:4px;display:flex}.today-row__tag{color:var(--ink-faint);background:var(--surface-2);letter-spacing:.02em;border-radius:999px;padding:1px 8px;font-size:11px}.today-row__tag--state{font-family:var(--font-mono);font-feature-settings:"tnum"}.today-report__cta{display:flex}.today-report__cta .btn{width:100%}@media (min-width:760px){.today-summary__big-num{font-size:72px}}.user-picker__footer{padding-top:var(--s-3);justify-content:center;display:flex}.family-view{gap:var(--s-5);padding-bottom:var(--s-7);flex-direction:column;display:flex}.family-view__head{align-items:center;gap:var(--s-3);display:flex}.family-view__title-block{flex-direction:column;flex:1;min-width:0;display:flex}.family-view__title{font-family:var(--font-display);font-variation-settings:"opsz" 30, "SOFT" 60;letter-spacing:-.01em;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;margin:0;font-size:24px;font-weight:500}.family-view__sub{color:var(--ink-faint);white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;margin-top:2px;font-size:13px}.family-grid{gap:var(--s-4);grid-template-columns:1fr;display:grid}@media (min-width:760px){.family-grid{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.family-card{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius-lg);padding:var(--s-5);gap:var(--s-4);box-shadow:var(--shadow-rest);flex-direction:column;transition:transform .1s,box-shadow .2s;display:flex}.family-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.family-card__head{align-items:center;gap:var(--s-3);display:flex}.family-card__avatar{background:var(--surface-2);border:1.5px solid var(--rule);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;display:flex}.family-card__head-text{flex:1;min-width:0}.family-card__name{font-family:var(--font-display);font-variation-settings:"opsz" 30;font-size:19px;font-weight:600}.family-card__sub{color:var(--ink-faint);margin-top:2px;font-size:12px}.family-card__streak{background:color-mix(in srgb, var(--c-amber) 14%, var(--surface-2));font-family:var(--font-display);color:var(--c-amber);border-radius:999px;align-items:center;gap:2px;padding:4px 10px;font-size:14px;font-weight:600;display:inline-flex}.family-card__today{align-items:baseline;gap:var(--s-3);background:var(--surface-2);border-radius:var(--radius);padding:var(--s-3) var(--s-4);display:flex}.family-card__today-num{font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 50;letter-spacing:-.03em;color:var(--c-coral);font-size:36px;font-weight:600;line-height:1}.family-card__today-meta{flex-direction:column;flex:1;gap:2px;display:flex}.family-card__today-label{color:var(--ink-faint);font-size:12px}.family-card__today-acc{gap:var(--s-2);font-family:var(--font-mono);font-feature-settings:"tnum";font-size:13px;display:flex}.family-card__today-acc .ok{color:var(--c-emerald)}.family-card__today-acc .bad{color:var(--c-rose)}.family-card__today-acc .muted{color:var(--ink-faint)}.family-card__notice{justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--c-amber) 32%, var(--rule));background:color-mix(in srgb, var(--c-amber) 10%, var(--surface));width:100%;min-height:38px;color:var(--ink);cursor:pointer;font-size:13px;font-weight:650;display:flex}.family-card__notice:hover{border-color:color-mix(in srgb, var(--c-amber) 48%, var(--rule));background:color-mix(in srgb, var(--c-amber) 14%, var(--surface))}.family-card__notice-num{font-family:var(--font-display);color:var(--c-amber);font-size:18px}.family-card__totals{gap:var(--s-2);grid-template-columns:repeat(3,1fr);display:grid}.family-stat{text-align:center;background:var(--surface-2);border-radius:var(--radius-sm);padding:var(--s-2) var(--s-1)}.family-stat__num{font-family:var(--font-display);font-variation-settings:"opsz" 144;letter-spacing:-.02em;font-size:20px;font-weight:600}.family-stat__label{color:var(--ink-faint);letter-spacing:.04em;margin-top:2px;font-size:11px}.family-stat--ok .family-stat__num{color:var(--c-emerald)}.family-stat--warn .family-stat__num{color:var(--c-amber)}.family-card__subjects{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.family-subject-row{gap:var(--s-2);background:var(--surface-2);border-radius:var(--radius-sm);border-left:3px solid var(--rule);grid-template-columns:auto 1fr auto auto;align-items:center;padding:8px 12px;font-size:13px;display:grid}.family-subject-row__emoji{font-size:18px}.family-subject-row__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.family-subject-row__mastery{flex-direction:column;align-items:end;gap:0;line-height:1.2;display:flex}.family-subject-row__pct{font-family:var(--font-display);font-size:14px;font-weight:600}.family-subject-row__count{color:var(--ink-faint);font-size:10px;font-family:var(--font-mono);font-feature-settings:"tnum"}.family-subject-row__due{background:color-mix(in srgb, var(--c-coral) 14%, transparent);color:var(--c-coral);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.family-card__empty-subjects{text-align:center;color:var(--ink-faint);padding:var(--s-4);background:var(--surface-2);border:1px dashed var(--rule);border-radius:var(--radius-sm);font-size:12px}.family-card__actions{gap:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.family-view__footer{justify-content:center;display:flex}.exemption-review{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius-lg);padding:var(--s-5);box-shadow:var(--shadow-rest);gap:var(--s-3);scroll-margin-top:calc(var(--header-h) + var(--s-4));flex-direction:column;display:flex}.exemption-review__head{justify-content:space-between;align-items:flex-start;gap:var(--s-3);display:flex}.exemption-review__head h3{font-family:var(--font-display);white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;margin:0;font-size:19px;font-weight:600}.exemption-review__head p{color:var(--ink-faint);margin:4px 0 0;font-size:13px;line-height:1.45}.exemption-review__msg{padding:var(--s-2) var(--s-3);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-soft);font-size:13px}.exemption-list{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.exemption-item{gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--radius);grid-template-columns:1fr auto;align-items:center;display:grid}.exemption-item__main{flex-direction:column;gap:3px;min-width:0;display:flex}.exemption-item__kicker{color:var(--ink-faint);font-size:12px}.exemption-item__question{color:var(--ink);font-weight:700;line-height:1.35}.exemption-item__answer{font-family:var(--font-mono);color:var(--c-emerald);font-size:13px;font-weight:700}.exemption-item__meta{gap:var(--s-2);color:var(--ink-faint);flex-wrap:wrap;font-size:12px;line-height:1.4;display:flex}.exemption-item__actions{justify-content:flex-end;gap:var(--s-2);flex-wrap:wrap;display:flex}@media (max-width:640px){.exemption-review__head{flex-direction:column;align-items:stretch}.exemption-review__head .btn{align-self:flex-start}.exemption-item{grid-template-columns:1fr}.exemption-item__actions{justify-content:stretch}.exemption-item__actions .btn{flex:1}}.progress-section{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);padding:var(--s-4)}.progress-section__head{margin-bottom:var(--s-3);justify-content:space-between;align-items:center;display:flex}.progress-section__head h3{font-family:var(--font-display);font-variation-settings:"opsz" 30;margin:0;font-size:16px;font-weight:600}.weak-list{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.weak-item{background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--rule);transition:border-color .2s;overflow:hidden}.weak-item--open{border-color:var(--c-rose)}.weak-item__head{width:100%;padding:var(--s-3) var(--s-4);text-align:left;color:inherit;font-size:inherit;justify-content:space-between;align-items:center;display:flex}.weak-item__title{font-weight:600;line-height:1.4}.weak-item__meta{color:var(--ink-faint);font-size:12px;font-family:var(--font-mono);font-feature-settings:"tnum";letter-spacing:.02em;margin-top:2px}.weak-item__chevron{color:var(--ink-faint);margin-left:var(--s-3);transition:transform .2s}.weak-item--open .weak-item__chevron{transform:rotate(90deg)}.weak-item__body{padding:var(--s-3) var(--s-4) var(--s-4);gap:var(--s-2);border-top:1px dashed var(--rule);background:var(--surface);flex-direction:column;display:flex}.weak-item__row{flex-direction:column;font-size:14px;display:flex}.weak-item__row .label{color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.user-picker{gap:var(--s-7);padding-top:var(--s-5);flex-direction:column;display:flex}.user-picker__hero{text-align:center;align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.user-picker__hero-emoji{margin-bottom:var(--s-2);font-size:56px;display:inline-block;transform:rotate(-4deg)}.user-picker__title{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"opsz" 30, "SOFT" 70;margin:0;font-size:26px;font-weight:500}.user-picker__subtitle{color:var(--ink-faint);margin:0;font-size:14px}.user-picker__grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.user-card{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-rest);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.user-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.user-card:active{transform:translateY(0)}.user-card__main{padding:var(--s-5) var(--s-3) var(--s-4);width:100%;color:inherit;flex-direction:column;align-items:center;gap:4px;display:flex}.user-card__avatar{background:var(--surface-2);width:84px;height:84px;margin-bottom:var(--s-3);border:2px solid var(--rule);border-radius:50%;justify-content:center;align-items:center;font-size:44px;display:flex;position:relative}.user-card__avatar:after{content:"";z-index:-1;background:radial-gradient(circle,rgba(240,150,117,.18),transparent 70%);border-radius:50%;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.user-card__name{font-family:var(--font-display);font-variation-settings:"opsz" 30, "SOFT" 50;font-size:17px;font-weight:500}.user-card__sub{color:var(--ink-faint);letter-spacing:.04em;font-size:12px;font-family:var(--font-mono);font-feature-settings:"tnum"}.user-card--add{color:var(--ink-faint);padding:var(--s-5) var(--s-3) var(--s-4);box-shadow:none;background:0 0;border-style:dashed;flex-direction:column;align-items:center;display:flex}.user-card--add:hover{border-color:var(--c-coral);color:var(--c-coral)}.user-card--add .user-card__avatar{border:2px dashed var(--ink-faintest);font-size:40px;font-family:var(--font-display);background:0 0;font-weight:300}.user-card--add .user-card__avatar:after{display:none}.user-card--add .user-card__name{font-family:var(--font-body);color:var(--ink-faint);font-weight:500}.user-card__edit{color:var(--ink-faint);opacity:.6;background:0 0;border-radius:50%;width:32px;height:32px;font-size:14px;transition:opacity .2s,background .2s;position:absolute;top:6px;right:6px}.user-card__edit:hover{opacity:1;background:var(--surface-2)}.user-form{gap:var(--s-5);padding-bottom:var(--s-7);flex-direction:column;display:flex}.user-form__head{align-items:center;gap:var(--s-3);display:flex}.user-form__head h2{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"opsz" 30, "SOFT" 60;margin:0;font-size:24px;font-weight:500}.user-form__section{gap:var(--s-3);flex-direction:column;display:flex}.user-form__label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:600}.user-form__input{border:1.5px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:var(--radius);padding:var(--s-3) var(--s-4);outline:none;min-height:48px;font-size:16px;transition:border-color .18s,box-shadow .2s}.user-form__input:focus{border-color:var(--c-coral);box-shadow:0 0 0 4px rgba(224,120,82,.18)}.user-form__input--textarea{resize:vertical;min-height:64px;padding-top:var(--s-3)}.user-form__actions{gap:var(--s-3);margin-top:var(--s-3);flex-direction:column;display:flex}.user-form__hint{margin:var(--s-3) 0 0;color:var(--ink-faint);background:var(--surface);border:1px dashed var(--rule);padding:var(--s-3) var(--s-4);border-radius:var(--radius);font-size:13px;line-height:1.5}.emoji-grid{gap:var(--s-2);display:grid}.emoji-grid--lg{grid-template-columns:repeat(6,1fr)}.emoji-grid--sm{grid-template-columns:repeat(8,1fr)}.emoji-grid__cell{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);aspect-ratio:1;justify-content:center;align-items:center;min-height:44px;font-size:24px;transition:transform .1s,border-color .18s,background .18s;display:flex}.emoji-grid__cell:hover{transform:translateY(-1px)}.emoji-grid__cell:active{transform:scale(.92)}.emoji-grid__cell--active{border-color:var(--c-coral);background:color-mix(in srgb, var(--c-coral) 10%, var(--surface));box-shadow:0 0 0 4px rgba(224,120,82,.16)}.grade-row{gap:var(--s-2);grid-template-columns:repeat(6,1fr);display:grid}.grade-row__btn{border:1.5px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);font-size:15px;font-weight:500;font-family:var(--font-display);font-variation-settings:"opsz" 30;min-height:44px;padding:12px 0;transition:all .18s}.grade-row__btn:hover{border-color:var(--ink-faintest)}.grade-row__btn--active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.limits-block{gap:var(--s-3);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--s-4);flex-direction:column;display:flex}.limits-row{gap:var(--s-2);flex-direction:column;display:flex}.limits-row__label{letter-spacing:.04em;color:var(--ink-faint);font-size:12px}.limits-row__chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.limits-chip{min-width:44px;height:40px;padding:0 var(--s-3);border:1.5px solid var(--rule);background:var(--surface-2);color:var(--ink);font-family:var(--font-display);font-variation-settings:"opsz" 30;border-radius:999px;font-size:16px;font-weight:600;transition:all .15s}.limits-chip:hover{border-color:var(--ink-faintest)}.limits-chip--active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.limits-summary{margin-top:var(--s-2);padding-top:var(--s-3);border-top:1px dashed var(--rule);color:var(--ink-soft);font-size:13px}.limits-summary strong{font-family:var(--font-display);color:var(--c-coral);font-size:16px;font-weight:600}.limits-summary__hint{color:var(--ink-faint);margin-left:4px}.limit-row{gap:var(--s-3);flex-wrap:wrap;align-items:end;display:flex}.limit-row__field{flex-direction:column;flex:1;gap:4px;min-width:100px;display:flex}.limit-row__small{color:var(--ink-faint);letter-spacing:.04em;font-size:12px}.limit-row__input{font-family:var(--font-mono);font-size:17px}.limit-row__reset{align-self:end;margin-bottom:4px}.hue-row{gap:var(--s-3);flex-wrap:wrap;display:flex}.hue-row__swatch{cursor:pointer;border:3px solid transparent;border-radius:50%;width:38px;height:38px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:relative}.hue-row__swatch:after{content:"";border:1px dashed var(--rule);opacity:0;border-radius:50%;transition:opacity .18s;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.hue-row__swatch:hover:after{opacity:1}.hue-row__swatch--active{border-color:var(--ink);transform:scale(1.1)}.qstyle-list{gap:var(--s-2);flex-direction:column;display:flex}.qstyle-card{align-items:flex-start;gap:var(--s-3);text-align:left;background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);padding:var(--s-3) var(--s-4);color:inherit;min-height:64px;transition:border-color .18s,background .18s;display:flex}.qstyle-card:hover{border-color:var(--ink-faintest)}.qstyle-card--active{border-color:var(--c-coral);background:color-mix(in srgb, var(--c-coral) 8%, var(--surface))}.qstyle-card--coming{opacity:.55;cursor:not-allowed}.qstyle-card__emoji{font-size:28px;line-height:1}.qstyle-card__body{flex-direction:column;flex:1;gap:2px;display:flex}.qstyle-card__label{font-family:var(--font-display);align-items:center;gap:var(--s-2);font-variation-settings:"opsz" 30;font-size:16px;font-weight:600;display:flex}.qstyle-card__desc{color:var(--ink-faint);font-size:13px;line-height:1.5}.qstyle-card__tag{letter-spacing:.06em;text-transform:uppercase;background:var(--surface-2);color:var(--ink-faint);font-size:10px;font-weight:500;font-family:var(--font-body);border-radius:999px;padding:2px 8px}.settings-page{gap:var(--s-5);flex-direction:column;display:flex}.settings-page__hero{align-items:center;gap:var(--s-3);display:flex}.settings-page__hero-main{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-page__hero h2{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"opsz" 30, "SOFT" 60;margin:0;font-size:26px;font-weight:500}.settings-page__hero-main span{color:var(--ink-faint);font-size:12px}.settings-section{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);padding:var(--s-4);gap:var(--s-3);box-shadow:var(--shadow-rest);flex-direction:column;display:flex}.settings-section--meta{box-shadow:none;background:0 0;border:0;padding:0}.settings-section__head{justify-content:space-between;align-items:center;display:flex}.settings-section__head h3{font-family:var(--font-display);font-variation-settings:"opsz" 30;margin:0;font-size:16px;font-weight:600}.settings-section__cta{align-self:flex-start}.settings-user-tabs{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(132px,1fr));display:grid}.settings-user-tab{border:1.5px solid var(--rule);border-radius:var(--radius-sm);background:var(--surface-2);min-height:56px;color:var(--ink);align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);text-align:left;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.settings-user-tab:hover{border-color:var(--ink-faintest)}.settings-user-tab--active{background:var(--surface);border-color:var(--c-coral);box-shadow:0 0 0 3px rgba(224,120,82,.14)}.settings-user-tab__avatar{background:var(--surface);border:1px solid var(--rule);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.settings-user-tab__body{flex-direction:column;min-width:0;display:flex}.settings-user-tab__name{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.settings-user-tab__sub{color:var(--ink-faint);font-size:11px}.settings-list{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.settings-row{align-items:center;gap:var(--s-3);background:var(--surface-2);border-radius:var(--radius);padding:var(--s-3) var(--s-4);border-left:3px solid transparent;transition:background .18s;display:flex}.settings-row:hover{background:var(--surface-3)}.settings-row__avatar{background:var(--surface);border:1px solid var(--rule);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.settings-row__main{flex-direction:column;flex:1;min-width:0;display:flex}.settings-row__name{align-items:center;gap:var(--s-2);font-family:var(--font-display);font-variation-settings:"opsz" 30;font-size:16px;font-weight:600;display:flex}.settings-row__sub{color:var(--ink-faint);font-size:12px}.settings-row__actions{gap:var(--s-1);flex-shrink:0;align-items:center;display:flex}.badge{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600;font-family:var(--font-body);border-radius:999px;padding:2px 8px}.badge--self{background:var(--c-coral);color:#fff}.settings-meta{color:var(--ink-faint);text-align:center;font-size:12px;font-style:italic;font-family:var(--font-display);margin:0}.empty-hero{align-items:center;gap:var(--s-3);padding:var(--s-7) var(--s-4);text-align:center;flex-direction:column;display:flex}.empty-hero__emoji{margin-bottom:var(--s-2);font-size:56px;display:inline-block;transform:rotate(-3deg)}.empty-hero__title{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"opsz" 30, "SOFT" 60;margin:0;font-size:22px;font-weight:500}.empty-hero__sub{color:var(--ink-faint);max-width:280px;margin:0;font-size:14px;line-height:1.55}.empty-card{background:var(--surface-2);border:1px dashed var(--rule);border-radius:var(--radius);padding:var(--s-5);text-align:center;gap:var(--s-2);flex-direction:column;align-items:center;display:flex}.empty-card__emoji{font-size:40px}.empty-card__title{font-family:var(--font-display);font-variation-settings:"opsz" 30;font-size:17px;font-weight:600}.empty-card__sub{color:var(--ink-faint);max-width:320px;font-size:13px;line-height:1.55}.vocab-input{gap:var(--s-3);flex-direction:column;display:flex}.vocab-input__display{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);padding:var(--s-4) var(--s-5);height:64px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink);box-shadow:var(--shadow-press);scrollbar-width:thin;align-items:center;gap:2px;font-size:26px;font-weight:500;display:flex;overflow-x:auto;overflow-y:hidden}.vocab-input__display--empty{color:var(--ink-faintest)}.vocab-input__placeholder{color:var(--ink-faintest);font-family:var(--font-body);letter-spacing:0;font-size:14px;font-weight:400}.vocab-input__text{white-space:nowrap}.vocab-input__caret{background:var(--c-coral);width:2px;height:1.2em;margin-left:4px;animation:1s steps(2,end) infinite vCaretBlink;display:inline-block}@keyframes vCaretBlink{to{opacity:0}}.vkbd{--vkbd-gap:6px;--vkbd-key-h:48px;gap:var(--vkbd-gap);padding:var(--s-3);background:var(--surface-2);border:1.5px solid var(--rule);border-radius:var(--radius-lg);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;display:flex}.vkbd--disabled{opacity:.5;pointer-events:none}.vkbd__row{gap:var(--vkbd-gap);justify-content:center;display:flex}.vkbd__row--indent{padding:0 calc(var(--vkbd-key-h) * .32)}.vkbd__key{min-width:0;height:var(--vkbd-key-h);border:1px solid var(--rule);background:linear-gradient(180deg, var(--surface) 0%, var(--surface-3) 100%);font-family:var(--font-mono);color:var(--ink);border-radius:8px;flex:1 1 0;padding:0;font-size:17px;font-weight:500;transition:transform 60ms,box-shadow .1s,background .16s;box-shadow:0 1px rgba(0,0,0,.06),inset 0 1px rgba(255,255,255,.55)}@media (prefers-color-scheme:dark){.vkbd__key{background:linear-gradient(180deg, var(--surface-3) 0%, var(--surface-2) 100%);box-shadow:0 1px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.06)}}.vkbd__key:hover{background:var(--surface-3)}.vkbd__key:active,.vkbd__key--pressed{background:var(--surface-3);transform:translateY(1px);box-shadow:0 0 transparent,inset 0 1px 2px rgba(0,0,0,.12)}.vkbd__key:disabled{opacity:.5;cursor:not-allowed}.vkbd__key--mod{color:var(--ink-soft);flex:1.4 1 0;font-size:16px}.vkbd__key--shift.vkbd__key--active{background:var(--c-amber-soft);border-color:var(--c-amber);color:var(--c-amber)}.vkbd__key--shift.vkbd__key--lock{background:var(--c-coral);border-color:var(--c-coral-deep);color:#fff;box-shadow:0 2px 6px rgba(195,77,34,.3),inset 0 1px rgba(255,255,255,.25)}.vkbd__key--back{font-size:18px}.vkbd__key--punct{color:var(--ink-soft);flex:.8 1 0;font-size:18px;font-weight:600}.vkbd__key--space{letter-spacing:.3em;color:var(--ink-faint);font-size:12px;font-family:var(--font-body);flex:4 1 0}.vkbd__key--submit{background:linear-gradient(180deg, var(--c-coral), var(--c-coral-deep));border-color:var(--c-coral-deep);color:#fff8f4;font-weight:700;font-family:var(--font-body);letter-spacing:.04em;flex:2.2 1 0;font-size:14px;box-shadow:0 2px 8px rgba(195,77,34,.32),inset 0 1px rgba(255,255,255,.25)}.vkbd__key--submit:hover{transform:translateY(-1px)}.vkbd__key--submit:active{transform:translateY(1px)}.vkbd__key--submit:disabled{background:var(--surface-3);color:var(--ink-faintest);border-color:var(--rule);box-shadow:none}@media (max-width:380px){.vkbd{--vkbd-key-h:44px}.vkbd__key{font-size:15px}.vkbd__row--indent{padding:0 calc(var(--vkbd-key-h) * .2)}}@media (min-width:760px){.vkbd{--vkbd-key-h:56px;--vkbd-gap:8px;padding:var(--s-4)}.vkbd__key{border-radius:10px;font-size:19px}.vocab-input__display{padding:var(--s-5);height:76px;font-size:32px}}.vkbd__key--special{color:var(--c-coral);font-weight:700}.vkbd__row--tones{margin-top:2px}.vkbd__key--tone{background:var(--c-amber-soft,#fdf3d8);color:var(--text-1);flex:1 1 0;font-size:32px;font-weight:700;line-height:1}.vkbd__key--tone:hover{background:var(--c-amber,#f4c542)}@media (min-width:760px){.vkbd__key--tone{font-size:38px}}.vocab-input__text--pinyin{letter-spacing:.04em;font-feature-settings:normal;font-family:PingFang SC,Source Han Serif SC,Songti SC,serif}.qcard--vocab .vcard__chips{gap:var(--s-2);margin:var(--s-3) 0 var(--s-2);flex-wrap:wrap;display:flex}.vcard__chip{letter-spacing:.02em;border:1px solid transparent;border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.vcard__chip--pos{color:#682d86;background:#f6e8fc;border-color:#e0c2f0}.vcard__chip--pos-n{color:#24598f;background:#e8f2fc;border-color:#c2d9f0}.vcard__chip--pos-v{color:#246b3c;background:#def7e7;border-color:#b3e6c4}.vcard__chip--pos-adj{color:#93591f;background:#fdebd8;border-color:#f0cca8}.vcard__chip--pos-adv{color:#7a5c1f;background:#fdf7d8;border-color:#f0e4a8}.vcard__chip--phrase{color:#962c2c;background:#fbe9e9;border-color:#ecc6c6}.vcard__meaning{margin-top:var(--s-1);font-size:30px;font-weight:700;line-height:1.35}@media (min-width:760px){.vcard__meaning{font-size:36px}}.vcard__hint{margin:var(--s-2) 0 0;color:var(--ink-faint);font-size:14px}.vocab-input__giveup{border:1.5px dashed var(--rule);color:var(--ink-faint);cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:13px;transition:background .15s,color .15s,border-color .15s}.vocab-input__giveup:hover:not(:disabled){color:#9e2e2e;background:#fbefef;border-style:solid;border-color:#e6b3b3}.vocab-input__giveup:disabled{opacity:.4;cursor:default}.vocab-input__hint{align-items:center;gap:var(--s-2);border-radius:var(--radius);padding:var(--s-2) var(--s-3);color:#7a541f;background:#fffbe6;border:1.5px solid #f5e7a3;font-size:14px;display:flex}.vocab-input__hint--placeholder{visibility:hidden;pointer-events:none}.vocab-input__play{color:#93631f;cursor:pointer;background:#fff;border:1.5px solid #e0a552;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.vocab-input__play:hover{background:#fff8d6}.vocab-input__play:active{transform:translateY(1px)}.vocab-input__hint-text{flex:1}.unit-picker{gap:var(--s-4);flex-direction:column;display:flex}.unit-picker__head{align-items:flex-start;gap:var(--s-3);display:flex}.unit-picker__heading h2{font-family:var(--font-display);margin:0;font-size:22px;font-weight:600}.unit-picker__heading p{color:var(--ink-faint);margin:4px 0 0;font-size:13px}.unit-picker__bulk{align-items:center;gap:var(--s-3);display:flex}.unit-picker__count{color:var(--ink-faint);font-size:13px}.unit-picker__list{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.unit-row{align-items:stretch;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);cursor:pointer;text-align:left;transition:border-color .16s,background .16s,transform 80ms;display:flex}.unit-row:hover{border-color:var(--ink-faint)}.unit-row:active{transform:scale(.99)}.unit-row--checked{border-color:color-mix(in srgb, var(--c-coral) 60%, transparent);background:color-mix(in srgb, var(--c-coral) 8%, var(--surface))}.unit-row__check{border:1.5px solid var(--rule);background:var(--surface-2);width:28px;height:28px;color:var(--c-coral);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:inline-flex}.unit-row--checked .unit-row__check{background:var(--c-coral);border-color:var(--c-coral);color:#fff}.unit-row__main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.unit-row__name{color:var(--ink);font-size:15px;font-weight:600}.unit-row__stats{color:var(--ink-faint);font-size:12px;font-family:var(--font-mono);font-feature-settings:"tnum"}.unit-row__due{color:var(--c-coral);font-style:normal;font-weight:600}.unit-picker__footer{padding:var(--s-3) 0;background:linear-gradient(to top, var(--paper) 70%, transparent);position:-webkit-sticky;position:sticky;bottom:0}.unit-manager{gap:var(--s-4);flex-direction:column;display:flex}.unit-manager__head{align-items:flex-start;gap:var(--s-3);display:flex}.unit-manager__head h2{font-family:var(--font-display);margin:0;font-size:22px;font-weight:600}.unit-manager__sub{color:var(--ink-faint);margin:4px 0 0;font-size:14px}.unit-manager__tabs{gap:var(--s-2);border-bottom:1px solid var(--rule);padding-bottom:var(--s-1);display:flex}.unit-manager__tab{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-bottom:2px solid transparent;flex:1;padding:10px 14px;font-size:14px;font-weight:500;transition:color .16s,border-color .16s;position:relative}.unit-manager__tab:hover{color:var(--ink)}.unit-manager__tab--active{color:var(--ink);border-bottom-color:var(--c-coral);font-weight:600}.unit-manager__badge{background:var(--c-coral);color:#fff;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.unit-order{gap:var(--s-3);flex-direction:column;display:flex}.unit-order__hint{color:var(--ink-faint);padding:var(--s-2) var(--s-3);background:var(--surface-2);border-radius:var(--radius-sm);margin:0;font-size:13px}.unit-order__list{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.unit-order__item{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);display:flex}.unit-order__rank{background:var(--surface-2);border:1px solid var(--rule);width:28px;height:28px;font-family:var(--font-display);color:var(--ink-faint);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.unit-order__name{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.unit-order__title{color:var(--ink);font-size:15px;font-weight:600}.unit-order__count{color:var(--ink-faint);font-size:12px;font-family:var(--font-mono)}.unit-order__moves{flex-shrink:0;gap:4px;display:flex}.boost-tab{gap:var(--s-4);flex-direction:column;display:flex}.boost-current{background:color-mix(in srgb, var(--c-amber) 8%, var(--surface));border:1.5px solid color-mix(in srgb, var(--c-amber) 30%, var(--rule));border-radius:var(--radius);padding:var(--s-3);gap:var(--s-2);flex-direction:column;display:flex}.boost-current__head{justify-content:space-between;align-items:center;margin:0;display:flex}.boost-current__head h3{font-size:15px;font-family:var(--font-display);margin:0}.boost-list{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.boost-row{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-sm);display:flex}.boost-row--current{background:var(--surface);border-color:color-mix(in srgb, var(--c-amber) 25%, var(--rule))}.boost-rank{background:var(--c-amber);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.boost-row__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.boost-row__answer{color:var(--ink);font-size:14px;font-weight:600;font-family:var(--font-mono)}.boost-row__chinese{color:var(--ink-faint);font-size:13px}.boost-row__sub{color:var(--ink-faintest);letter-spacing:.04em;font-size:11px}.boost-row__moves{flex-shrink:0;align-items:center;gap:2px;display:flex}.boost-empty{color:var(--ink-faint);text-align:center;padding:var(--s-3);margin:0;font-size:13px}.boost-search{gap:var(--s-2);flex-direction:column;display:flex}.boost-search h3{color:var(--ink-faint);margin:0;font-size:14px;font-weight:500}.boost-search__input{background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-body);color:var(--ink);padding:10px 14px}.boost-search__input:focus{border-color:var(--c-coral);background:var(--surface-2);outline:none}.home-page>*,.unit-picker>*,.unit-manager>*,.user-picker>*,.settings-page>*,.progress-page>*{animation:.36s cubic-bezier(.16,1,.3,1) pageItemIn}.home-page>:nth-child(2),.user-picker>:nth-child(2),.settings-page>:nth-child(2),.progress-page>:nth-child(2){animation-delay:50ms}.home-page>:nth-child(3),.user-picker>:nth-child(3),.settings-page>:nth-child(3),.progress-page>:nth-child(3){animation-delay:.1s}.home-page>:nth-child(n+4),.user-picker>:nth-child(n+4),.settings-page>:nth-child(n+4),.progress-page>:nth-child(n+4){animation-delay:.15s}@keyframes pageItemIn{0%{transform:translateY(8px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.idle-overlay--l1,.idle-overlay--l2,.idle-overlay--l3{opacity:1;animation:none}}@media (min-width:760px){.app-main{padding:var(--s-7) var(--s-6) calc(var(--tabbar-h) + var(--s-7))}.qcard{padding:var(--s-7) var(--s-6)}.qcard__question{font-size:30px}.home-stats{gap:var(--s-4);grid-template-columns:repeat(3,1fr)}.stat-card{padding:var(--s-5) var(--s-4)}.stat-card__value{font-size:38px}.user-picker__grid{gap:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.user-card__avatar{width:100px;height:100px;font-size:56px}.emoji-grid--lg{grid-template-columns:repeat(9,1fr)}.grade-row{grid-template-columns:repeat(12,1fr)}.complete__title{font-size:32px}}@media (min-width:1024px){.progress-hero{gap:var(--s-7);padding:var(--s-6)}.progress-kpis{gap:var(--s-4);grid-template-columns:repeat(3,1fr)}}.idle-overlay{pointer-events:none;z-index:50;border-radius:var(--radius-lg);position:fixed;top:0;bottom:0;left:0;right:0}.idle-overlay--l1{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--c-amber) 45%, transparent);animation:2.4s ease-in-out infinite idle-breathe}.idle-overlay--l2{box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--c-amber) 70%, transparent);animation:1.8s ease-in-out infinite idle-breathe}.idle-overlay--l3{box-shadow:inset 0 0 0 5px color-mix(in srgb, var(--c-coral) 80%, transparent);animation:1.1s ease-in-out infinite idle-pulse}.idle-overlay__banner{top:calc(var(--header-h) + 16px);background:var(--paper);color:var(--ink);font-family:var(--font-display);border-radius:var(--radius);padding:8px 18px;font-size:15px;position:absolute;left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:0 2px 8px rgba(0,0,0,.12),0 6px 20px rgba(0,0,0,.08)}.idle-overlay--l3 .idle-overlay__banner{color:var(--c-coral)}.idle-overlay--resting{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 12%, transparent)}.idle-overlay__rest-text{top:calc(var(--header-h) + 16px);font-family:var(--font-display);color:color-mix(in srgb, var(--ink) 55%, transparent);font-size:14px;position:absolute;left:50%;transform:translate(-50%)}@keyframes idle-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes idle-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.004)}}.rest-button{font-family:var(--font-body);color:color-mix(in srgb, var(--ink) 60%, transparent);border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:5px 12px;font-size:13px;transition:background .12s,color .12s}.rest-button:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.rest-button:disabled{cursor:default;opacity:.7}.qa-menu{position:absolute;top:8px;right:8px}.qa-menu__trigger{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);width:32px;height:32px;color:color-mix(in srgb, var(--ink) 50%, transparent);cursor:pointer;background:0 0;border-radius:50%;font-size:18px;line-height:1;transition:background .12s,color .12s}.qa-menu__trigger:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}.qa-menu__trigger:disabled{opacity:.5;cursor:default}.qa-menu__panel{background:var(--paper);border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);border-radius:var(--radius);z-index:30;min-width:140px;padding:6px;position:absolute;top:38px;right:0;box-shadow:0 4px 12px rgba(0,0,0,.08),0 12px 28px rgba(0,0,0,.1)}.qa-menu__item{text-align:left;border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:14px;display:block}.qa-menu__item:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.qa-menu__item--danger{color:var(--c-coral)}.qa-menu__toast{background:var(--paper);color:var(--ink);border-radius:var(--radius-sm);white-space:nowrap;z-index:31;padding:6px 12px;font-size:13px;position:absolute;top:46px;right:0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.modal-backdrop{z-index:100;padding:var(--s-4);background:rgba(0,0,0,.35);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--paper);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;box-shadow:0 12px 40px rgba(0,0,0,.18)}.modal__head{padding:var(--s-4) var(--s-5);border-bottom:1px solid color-mix(in srgb, var(--ink) 10%, transparent);justify-content:space-between;align-items:center;display:flex}.modal__title{font-family:var(--font-display);margin:0;font-size:18px}.modal__close{color:color-mix(in srgb, var(--ink) 50%, transparent);cursor:pointer;background:0 0;border:0;width:32px;height:32px;font-size:24px;line-height:1}.modal__close:hover{color:var(--ink)}.modal__body{padding:var(--s-5);gap:var(--s-4);flex-direction:column;display:flex;overflow-y:auto}.modal__label{gap:var(--s-2);color:color-mix(in srgb, var(--ink) 70%, transparent);font-size:13px;font-family:var(--font-body);flex-direction:column;display:flex}.modal__textarea{font-family:var(--font-body);color:var(--ink);background:var(--paper);border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);border-radius:var(--radius-sm);resize:vertical;padding:10px 12px;font-size:15px;line-height:1.5}.modal__textarea:focus{border-color:var(--c-coral);outline:none}.modal__actions{padding:var(--s-4) var(--s-5);border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);justify-content:flex-end;gap:var(--s-3);display:flex}.today-row__tag--focus{background:color-mix(in srgb, var(--c-amber) 18%, transparent);color:var(--c-amber)}.hw-input{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;gap:14px;margin-top:8px;display:flex}.hw-input__grids{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hw-input__cellwrap{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:center;align-items:center;display:flex}.hw-canvas{border:1.5px solid var(--ink-faint,#76798a);border-radius:var(--radius-sm,10px);background:var(--paper,#f5efe2);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;display:block;box-shadow:inset 0 1px 3px rgba(0,0,0,.06)}.hw-canvas--disabled{opacity:.5;pointer-events:none}.hw-input__reveal-pair{border:1.5px solid var(--ink-faint,#76798a);border-radius:var(--radius-sm,10px);background:var(--paper,#f5efe2);justify-content:center;align-items:center;width:132px;height:132px;display:flex}.hw-input__std{font-family:"Kaiti SC","STKaiti","楷体","KaiTi", var(--font-display), serif;color:var(--ink,#1a1d29);font-size:92px;line-height:1}.hw-input__bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.hw-input__bar--grade{justify-content:center}.hw-input__hint,.hw-input__cmp{color:var(--ink-faint,#76798a);margin-right:auto;font-size:14px}.hw-input__bar--grade .hw-input__cmp{text-align:center;width:100%;margin-right:0}.btn-success{background:var(--c-emerald,#1f7a4f);color:#fff;border:none}.btn-danger-soft{color:var(--c-rose,#c0392b);border:1.5px solid var(--c-rose,#c0392b);background:0 0}.pen-lock{min-height:34px;color:var(--ink-faint,#76798a);cursor:pointer;align-items:center;gap:7px;padding:0 4px;font-size:13px;font-weight:600;display:inline-flex}.pen-lock input{opacity:0;pointer-events:none;height:1px;width:1px;position:absolute}.pen-lock__track{border:1px solid color-mix(in srgb, var(--ink,#1a1d29) 18%, transparent);background:var(--surface-3,#e7decb);border-radius:999px;width:42px;height:24px;padding:3px;transition:background .16s,border-color .16s}.pen-lock__thumb{background:var(--paper,#f5efe2);border-radius:50%;width:16px;height:16px;transition:transform .16s;display:block;transform:translate(0);box-shadow:0 1px 3px rgba(0,0,0,.18)}.pen-lock--on .pen-lock__track{border-color:color-mix(in srgb, var(--c-coral,#d2451e) 45%, transparent);background:color-mix(in srgb, var(--c-coral,#d2451e) 70%, var(--surface-3,#e7decb))}.pen-lock--on .pen-lock__thumb{transform:translate(18px)}.pen-lock input:focus-visible+.pen-lock__track{outline:2px solid color-mix(in srgb, var(--c-coral,#d2451e) 65%, transparent);outline-offset:2px}.pen-lock--disabled{opacity:.55;cursor:default}.math-input{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;gap:14px;margin-top:8px;display:flex}.math-input__canvaswrap{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:center;display:flex}.math-input__bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.math-input__bar--grade{justify-content:center}.math-input__hint,.math-input__cmp{color:var(--ink-faint,#76798a);margin-right:auto;font-size:14px}.math-input__bar--grade .math-input__cmp{text-align:center;width:100%;margin-right:0}.math-input__reveal{flex-direction:column;gap:14px;display:flex}.math-input__std{border:1.5px dashed var(--c-emerald,#1f7a4f);border-radius:var(--radius,14px);background:color-mix(in srgb, var(--c-emerald,#1f7a4f) 8%, var(--surface,#fbf7ee));flex-direction:column;align-items:center;gap:6px;padding:18px 16px;display:flex}.math-input__std-label{letter-spacing:.08em;color:var(--ink-faint,#76798a);font-size:12px}.math-input__std-answer{font-family:var(--font-mono);color:var(--ink,#1a1d29);text-align:center;font-size:30px;font-weight:700;line-height:1.2}.math-input__std-hint{color:var(--ink-soft,#3a3f4f);text-align:center;font-size:14px;line-height:1.55}.qcard--poetry{padding:26px var(--s-5) 20px;align-items:center;gap:8px}.qcard--poetry:before{opacity:.18}.qcard--poetry__title{font-family:"Songti SC","STSong", var(--font-display), serif;letter-spacing:0;color:var(--ink,#1a1d29);text-align:center;margin:0;font-size:max(36px,min(7vw,64px));font-weight:700;line-height:1.05}.qcard--poetry__author{font-family:"Songti SC","STSong", var(--font-display), serif;color:var(--ink-faint,#76798a);text-align:center;margin:0;font-size:max(20px,min(3vw,30px))}.poetry-input{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;gap:14px;margin-top:8px;display:flex}.poetry-input__poem{border:1.5px solid var(--rule,#d8d2c4);border-radius:var(--radius-xl,18px);background:linear-gradient(90deg, color-mix(in srgb, var(--c-emerald,#1f7a4f) 5%, transparent), transparent 38%), var(--surface,#fbf7ee);box-shadow:var(--shadow-lift,0 14px 40px rgba(0,0,0,.08));justify-content:center;gap:18px;padding:max(16px,min(3vw,26px)) 10px;display:grid}.poetry-input__line{flex-wrap:nowrap;justify-content:center;align-items:center;gap:max(4px,min(1.2vw,9px));min-height:84px;display:flex}.poetry-input__punct{min-width:12px;color:var(--ink-faint,#76798a);font-family:"Songti SC","STSong", var(--font-display), serif;font-size:max(22px,min(3.8vw,34px));line-height:1;transform:translateY(14px)}.poetry-input__cell{width:max(56px,min(10.5vw,84px));height:max(56px,min(10.5vw,84px));color:var(--ink,#1a1d29);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.poetry-input__cell .hw-canvas{width:100%!important;height:100%!important}.poetry-input__cell--printed{border-color:transparent}.poetry-input__std{font-family:"Kaiti SC","STKaiti","楷体","KaiTi", var(--font-display), serif;color:color-mix(in srgb, var(--ink,#1a1d29) 76%, transparent);font-size:max(36px,min(7vw,62px));line-height:1}.poetry-input__cell--review{border:1.5px solid var(--ink-faint,#76798a);border-radius:var(--radius-sm,10px);background:var(--paper,#f5efe2);cursor:pointer;box-shadow:inset 0 1px 3px rgba(0,0,0,.06)}.poetry-input__cell--review:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(45deg,transparent calc(50% - .5px),rgba(120,120,120,.35) calc(50% - .5px),rgba(120,120,120,.35) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(-45deg,transparent calc(50% - .5px),rgba(120,120,120,.35) calc(50% - .5px),rgba(120,120,120,.35) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),rgba(120,120,120,.28) calc(50% - .5px),rgba(120,120,120,.28) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),rgba(120,120,120,.28) calc(50% - .5px),rgba(120,120,120,.28) calc(50% + .5px),transparent calc(50% + .5px));position:absolute;top:0;bottom:0;left:0;right:0}.poetry-input__cell--wrong{border-color:var(--c-rose,#c0392b);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c-rose,#c0392b) 18%, transparent), 0 0 0 3px color-mix(in srgb, var(--c-rose,#c0392b) 10%, transparent)}.poetry-input__cell--wrong:after{content:"错";background:var(--c-rose,#c0392b);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:3px;left:3px}.poetry-input__ink{object-fit:contain;z-index:1;mix-blend-mode:multiply;width:82%;height:82%;position:relative}.poetry-input__corner{z-index:2;color:var(--ink-faint,#76798a);font-family:"Songti SC","STSong", var(--font-display), serif;font-size:13px;line-height:1;position:absolute;top:3px;right:5px}.poetry-input__bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.poetry-input__bar--review{justify-content:center}.poetry-input__status{color:var(--ink-faint,#76798a);font-family:var(--font-mono);font-feature-settings:"tnum";margin-right:auto;font-size:14px}@media (max-width:520px){.poetry-input__poem{gap:14px;padding-left:4px;padding-right:4px}.poetry-input__line{gap:4px;min-height:56px}.poetry-input__punct{transform:translateY(9px)}.poetry-input__cell{width:48px;height:48px}.poetry-input__std{font-size:36px}.poetry-input__corner{font-size:11px}}.numpad{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.numpad__display{border:1.5px solid var(--ink-faint,#76798a);border-radius:var(--radius-sm,10px);background:var(--paper,#f5efe2);justify-content:center;align-items:center;width:100%;max-width:320px;min-height:56px;display:flex;box-shadow:inset 0 1px 3px rgba(0,0,0,.06)}.numpad__value{font-family:var(--font-mono);color:var(--ink,#1a1d29);letter-spacing:.04em;font-size:34px;font-weight:700}.numpad__placeholder{color:var(--ink-faintest,#aeb0bd);font-size:15px}.numpad__grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:320px;display:grid}.numpad__key{min-height:56px;font-family:var(--font-mono);color:var(--ink,#1a1d29);background:var(--surface,#fbf7ee);border:1.5px solid var(--surface-3,#e7decb);border-radius:var(--radius-sm,10px);cursor:pointer;font-size:24px;font-weight:600;transition:transform 60ms,background .12s}.numpad__key:not(:disabled):active{background:var(--surface-2,#f0e9d8);transform:translateY(1px)}.numpad__key:disabled{opacity:.5;cursor:default}.numpad__key--fn{color:var(--ink-faint,#76798a);font-size:18px}.numpad__bar{justify-content:flex-end;align-items:center;gap:10px;width:100%;max-width:320px;display:flex}.mc-input{flex-direction:column;gap:12px;margin-top:8px;display:flex}.mc-input__options{flex-direction:column;gap:10px;display:flex}.mc-input__option{text-align:left;width:100%;color:var(--ink,#1a1d29);background:var(--surface,#fbf7ee);border:1.5px solid var(--surface-3,#e7decb);border-radius:var(--radius,14px);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:14px 16px;font-size:17px;transition:border-color .12s,background .12s;display:flex}.mc-input__option:not(:disabled):hover{border-color:var(--ink-faintest,#aeb0bd)}.mc-input__option--sel{border-color:var(--c-coral,#c2622d);background:color-mix(in srgb, var(--c-coral,#c2622d) 10%, var(--surface,#fbf7ee))}.mc-input__option:disabled{opacity:.6;cursor:default}.mc-input__option:focus-visible{box-shadow:none;outline:none}.mc-input__marker{width:28px;height:28px;font-family:var(--font-mono);color:var(--ink-faint,#76798a);background:var(--surface-2,#f0e9d8);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.mc-input__option--sel .mc-input__marker{background:var(--c-coral,#c2622d);color:#fff}.mc-input__text{flex:1}.mc-input__bar{justify-content:flex-end;align-items:center;gap:10px;display:flex}.mc-input--empty{color:var(--ink-faint,#76798a);text-align:center;padding:16px;font-size:14px}.grammar-error{flex-direction:column;gap:14px;margin-top:8px;display:flex}.grammar-error__sentence{background:var(--surface-2,#f0e9d8);border:1.5px solid var(--surface-3,#e7decb);border-radius:var(--radius,14px);flex-wrap:wrap;gap:8px;padding:12px;display:flex}.grammar-error__token{border:1.5px solid var(--surface-3,#e7decb);border-radius:var(--radius-sm,10px);background:var(--surface,#fbf7ee);min-width:44px;min-height:42px;color:var(--ink,#1a1d29);font:700 18px/1 var(--font-mono);cursor:pointer;-webkit-tap-highlight-color:transparent;padding:8px 12px;transition:border-color .12s,background .12s,transform 60ms}.grammar-error__token:not(:disabled):hover{border-color:var(--ink-faintest,#aeb0bd)}.grammar-error__token:not(:disabled):active{transform:translateY(1px)}.grammar-error__token:focus-visible{box-shadow:none;outline:none}.grammar-error__token--sel{border-color:var(--c-coral,#c2622d);background:color-mix(in srgb, var(--c-coral,#c2622d) 12%, var(--surface,#fbf7ee))}.grammar-error__options{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;display:grid}.grammar-error__option{border:1.5px solid var(--surface-3,#e7decb);border-radius:var(--radius,14px);background:var(--surface,#fbf7ee);min-height:52px;color:var(--ink,#1a1d29);cursor:pointer;-webkit-tap-highlight-color:transparent;padding:12px 14px;font-size:18px;font-weight:700;transition:border-color .12s,background .12s,transform 60ms}.grammar-error__option:not(:disabled):hover{border-color:var(--ink-faintest,#aeb0bd)}.grammar-error__option:not(:disabled):active{transform:translateY(1px)}.grammar-error__option:focus-visible{box-shadow:none;outline:none}.grammar-error__option--sel{border-color:var(--c-coral,#c2622d);background:color-mix(in srgb, var(--c-coral,#c2622d) 10%, var(--surface,#fbf7ee))}.grammar-error__token:disabled,.grammar-error__option:disabled{opacity:.6;cursor:default}.grammar-error__bar{justify-content:flex-end;align-items:center;gap:10px;display:flex}.grammar-error--empty{color:var(--ink-faint,#76798a);text-align:center;padding:16px;font-size:14px}