@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root,html[data-theme=light]{color-scheme:light;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--bg: #ffffff;--bg-muted: #f4f4f5;--surface: #ffffff;--inset: #f4f4f5;--inset-2: #ffffff;--fill: #f4f4f5;--fill-strong: #e4e4e7;--ink: #0a0a0a;--ink-2: #71717a;--ink-3: #a1a1aa;--ink-soft: #71717a;--on-ink: #ffffff;--on-accent: #ffffff;--line: #e4e4e7;--line-2: #d4d4d8;--nav: rgba(255, 255, 255, .94);--scrim: rgba(0, 0, 0, .32);--accent: #2563eb;--accent-ink: #1d4ed8;--accent-soft: #eff6ff;--ok: #15803d;--ok-soft: #dcfce7;--warn: #a16207;--warn-soft: #fef9c3;--bad: #dc2626;--bad-soft: #fee2e2;--r-xs: 8px;--r-sm: 10px;--r-md: 12px;--r-lg: 14px;--r-xl: 18px;--r-pill: 999px;--ease: ease;--ease-out: ease;--d-1: .12s;--d-2: .18s;--d-3: .22s;--navbar-h: 44px;--tabbar-h: 56px;--pad: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}@media (prefers-color-scheme: dark){html:not([data-theme=light]){color-scheme:dark;--bg: #0a0a0a;--bg-muted: #18181b;--surface: #0a0a0a;--inset: #18181b;--inset-2: #27272a;--fill: #18181b;--fill-strong: #27272a;--ink: #fafafa;--ink-2: #a1a1aa;--ink-3: #71717a;--ink-soft: #a1a1aa;--on-ink: #0a0a0a;--line: #27272a;--line-2: #3f3f46;--nav: rgba(10, 10, 10, .94);--scrim: rgba(0, 0, 0, .55);--accent: #3b82f6;--accent-ink: #60a5fa;--accent-soft: rgba(59, 130, 246, .16);--ok: #22c55e;--ok-soft: rgba(34, 197, 94, .16);--warn: #eab308;--warn-soft: rgba(234, 179, 8, .16);--bad: #ef4444;--bad-soft: rgba(239, 68, 68, .16)}}html[data-theme=dark]{color-scheme:dark;--bg: #0a0a0a;--bg-muted: #18181b;--surface: #0a0a0a;--inset: #18181b;--inset-2: #27272a;--fill: #18181b;--fill-strong: #27272a;--ink: #fafafa;--ink-2: #a1a1aa;--ink-3: #71717a;--ink-soft: #a1a1aa;--on-ink: #0a0a0a;--line: #27272a;--line-2: #3f3f46;--nav: rgba(10, 10, 10, .94);--scrim: rgba(0, 0, 0, .55);--accent: #3b82f6;--accent-ink: #60a5fa;--accent-soft: rgba(59, 130, 246, .16);--ok: #22c55e;--ok-soft: rgba(34, 197, 94, .16);--warn: #eab308;--warn-soft: rgba(234, 179, 8, .16);--bad: #ef4444;--bad-soft: rgba(239, 68, 68, .16)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;color:var(--ink);font-family:var(--font-body),sans-serif;background:var(--bg);touch-action:manipulation}body{min-width:320px;user-select:none;-webkit-user-select:none}#root{position:fixed;top:0;left:0;right:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg)}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}img,svg{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.shell{position:relative;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;color:var(--ink);background:var(--bg)}.shell--app{display:flex;flex-direction:column;width:100%;max-width:560px;margin:0 auto;padding-top:var(--safe-top);padding-left:calc(var(--pad) + var(--safe-left));padding-right:calc(var(--pad) + var(--safe-right));padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom))}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none}.screen{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none;animation:screen-in .22s ease both}.screen--scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.screen--practice{gap:10px;padding:6px 0 4px}.screen--stack{gap:12px;padding:8px 0 4px}.monitor{gap:14px;padding:8px 0 20px}.navbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;min-height:var(--navbar-h);padding:6px 0}.navbar:after{content:"";position:absolute;left:calc(-1 * var(--pad));right:calc(-1 * var(--pad));bottom:0;height:1px;background:var(--line)}.navbar__brand{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.03em;line-height:1.2;white-space:nowrap}.navbar__actions{display:flex;align-items:center;gap:8px}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--bg)}.segmented--block{width:100%}.segmented__opt{min-height:34px;padding:.3rem .55rem;border:none;border-right:1px solid var(--line);background:transparent;color:var(--ink);font-size:.72rem;font-weight:600;white-space:nowrap;transition:background .15s ease,color .15s ease}.segmented__opt:last-child{border-right:none}.segmented__opt.is-active{background:var(--ink);color:var(--on-ink)}.icon-btn{width:40px;min-height:40px;padding:0;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;transition:background .15s ease,transform .12s ease}.icon-btn:active{transform:scale(.97);background:var(--bg-muted)}.icon-btn:disabled{opacity:.3}.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.tabbar{position:absolute;left:50%;transform:translate3d(-50%,0,0);bottom:0;z-index:30;width:min(560px,100%);margin:0;padding:4px 4px calc(4px + var(--safe-bottom));height:calc(var(--tabbar-h) + var(--safe-bottom));background:var(--nav);border-top:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overscroll-behavior:none;transition:transform .28s cubic-bezier(.32,.72,0,1),opacity .2s ease;will-change:transform,opacity}.tabbar__inner{display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;width:100%;height:100%;margin:0;padding:0}.tabbar__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;height:100%;padding:0;border:0;border-radius:10px;background:transparent;color:var(--ink-soft);font-size:.62rem;font-weight:600;line-height:1;transition:color .15s ease,background .15s ease}.tabbar__icon{display:grid;place-items:center;width:22px;height:22px;line-height:0}.tabbar__icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.tabbar__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar__btn.is-active{color:var(--ink);background:var(--bg-muted)}.brand{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,14vw,3.6rem);letter-spacing:-.05em;line-height:.9}.screen-head{flex-shrink:0}.screen-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.03em;line-height:1.2}.screen-sub{margin:3px 0 0;color:var(--ink-soft);font-size:.82rem;line-height:1.35}.eyebrow{margin:0;color:var(--ink-soft);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hint,.muted{margin:0;color:var(--ink-soft);font-size:.8rem;line-height:1.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:.45rem .85rem;border:1.5px solid var(--ink);border-radius:10px;background:var(--bg);color:var(--ink);font-size:.88rem;font-weight:600;transition:background .15s ease,color .15s ease,transform .12s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.35;pointer-events:none}.btn--block{width:100%}.btn--large{min-height:48px;font-size:.94rem}.btn--sm{min-height:36px;padding:.35rem .7rem;font-size:.82rem}.btn--primary{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.btn--primary:active{background:var(--ink)}.btn--tinted,.btn--ghost{border-color:transparent;background:var(--bg-muted);color:var(--ink)}.btn--tinted:active,.btn--ghost:active{background:var(--fill-strong)}.btn--plain{border-color:transparent;background:transparent;color:var(--accent);font-weight:600}.btn--plain:active{background:var(--bg-muted)}.btn--danger{border-color:var(--bad);background:var(--bg);color:var(--bad)}.btn--danger:active{background:var(--bad-soft)}.chiprow{display:flex;flex-wrap:wrap;gap:.4rem;flex-shrink:0}.chip{flex:0 0 auto;min-height:34px;padding:.25rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:.78rem;font-weight:600;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease}.chip:active{transform:scale(.97)}.chip.is-active{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:.12rem .45rem;background:var(--bg-muted);color:var(--ink);font-size:.62rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.tag--new{background:var(--ink);color:var(--on-ink)}.tag--review{background:var(--bg-muted);color:var(--ink-soft)}.badge{border-radius:999px;padding:.12rem .45rem;font-size:.62rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.badge--new{background:var(--bg-muted);color:var(--ink)}.badge--learning{background:var(--warn-soft);color:var(--warn)}.badge--review{background:var(--accent-soft);color:var(--accent-ink)}.badge--mastered{background:var(--ok-soft);color:var(--ok)}.pips{display:inline-flex;align-items:center;gap:4px}.pip{width:6px;height:6px;border-radius:50%;background:var(--fill-strong);transition:background .15s ease,transform .15s ease}.pip.is-on{background:var(--ink);transform:scale(1.16)}.shell--landing{display:flex;flex-direction:column;padding:calc(var(--safe-top) + 8px) calc(var(--pad) + var(--safe-right)) calc(var(--pad) + var(--safe-bottom)) calc(var(--pad) + var(--safe-left));background:var(--bg)}.landing{flex:1;min-height:0;display:flex;flex-direction:column;gap:1.25rem;width:min(480px,100%);margin:0 auto;padding:.5rem 0 1rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;animation:screen-in .22s ease both}.landing__hero{flex-shrink:0;margin-top:auto}.landing__eyebrow{margin:0 0 10px;color:var(--ink-soft);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.landing__title{margin:.5rem 0 .35rem;font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.03em;line-height:1.2;max-width:18ch}.landing__lead{margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.4;max-width:28ch}.landing__features{list-style:none;margin:0 0 auto;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}.feature{display:flex;align-items:flex-start;gap:12px;padding:.75rem 0;border-bottom:1px solid var(--line)}.feature__icon{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:8px;border:1.5px solid var(--ink);background:var(--bg);color:var(--ink)}.feature__icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.feature__title{margin:0;font-size:.9rem;font-weight:700;letter-spacing:-.01em}.feature__text{margin:2px 0 0;color:var(--ink-soft);font-size:.82rem;line-height:1.35}.landing__cta{padding-top:.5rem;display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.landing__note{margin:0;color:var(--ink-soft);font-size:.75rem;line-height:1.4;text-align:center}.restore{display:flex;flex-direction:column;gap:8px;align-items:center}.restore__options{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;animation:fade-in .18s ease both}.restore__status{margin:0;color:var(--accent);font-size:.79rem;line-height:1.4;text-align:center;font-weight:600}.statstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;flex-shrink:0}.statstrip--three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:56px;padding:.7rem .4rem;border-radius:12px;background:var(--bg-muted);text-align:center}.stat__value{font-family:var(--font-display);font-size:1.35rem;font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat__label{color:var(--ink-soft);font-size:.72rem;font-weight:500}.stat--live .stat__value{color:var(--accent)}.stat--warm .stat__value{color:var(--warn)}.stat--good .stat__value{color:var(--ok)}.unlockmeter{flex-shrink:0;display:flex;flex-direction:column;gap:5px;padding:0}.unlockmeter__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:var(--ink-soft);font-size:.78rem;font-weight:600}.unlockmeter__count{color:var(--ink-3);font-variant-numeric:tabular-nums}.unlockmeter__track{height:4px;border-radius:999px;background:var(--line);overflow:hidden}.unlockmeter__fill{height:100%;border-radius:inherit;background:var(--accent);transition:width .2s ease}.deck{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1.5px solid var(--ink);border-radius:14px;background:var(--bg);transition:background .15s ease,border-color .15s ease}.deck.is-ok{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 6%,var(--bg))}.deck.is-bad{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 6%,var(--bg))}.deck--learn{background:var(--bg)}.deck__top{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 0}.deck__top-right{display:flex;align-items:center;gap:10px}.deck__rank{color:var(--ink-soft);font-size:.72rem;font-weight:600;letter-spacing:.03em;font-variant-numeric:tabular-nums}.deck__stage{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px 14px 7%;overflow:hidden}.deck__eyebrow{margin:0 0 2px;color:var(--ink-soft);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.deck__word-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}.deck__word{margin:0;flex:1 1 auto;min-width:0;font-family:var(--font-display);font-size:clamp(2.3rem,12.5vw,3.5rem);font-weight:700;letter-spacing:-.045em;line-height:1.04;overflow-wrap:break-word;animation:word-in .22s ease both;transform-origin:left top;transition:transform .28s cubic-bezier(.32,.72,0,1)}.deck__pron{margin:0;color:var(--ink-soft);font-size:.95rem;font-weight:600;letter-spacing:.01em;transform-origin:left top;transition:transform .28s cubic-bezier(.32,.72,0,1)}.deck__rule{height:1px;margin:10px 0 2px;background:var(--line)}.deck__meaning{margin:0;font-family:var(--font-display);font-size:clamp(1.3rem,5.5vw,1.7rem);font-weight:700;letter-spacing:-.03em;line-height:1.2}.deck__meaning-alt{margin:3px 0 0;color:var(--ink-soft);font-size:.88rem;line-height:1.35}.deck__context{margin:12px 0 0;color:var(--ink-soft);font-size:.79rem;line-height:1.35}.deck__dock{flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;padding:.55rem .85rem .75rem;border-top:1px solid var(--line);overscroll-behavior:none}.deck__hint{margin:0;color:var(--ink-soft);font-size:.82rem;line-height:1.35}.deck__actions{display:grid;grid-template-columns:1.4fr 1fr;gap:.45rem}.deck__actions--single{grid-template-columns:minmax(0,1fr)}.deck__actions--stack{grid-template-columns:minmax(0,1fr);gap:4px}.field{width:100%;min-height:48px;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-size:16px;outline:none;transition:border-color .15s ease}.field::placeholder{color:var(--ink-3)}.field:focus{border-color:var(--ink)}.result{display:flex;align-items:flex-start;gap:11px;animation:pop-in .18s ease both}.result__badge{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:50%;color:var(--on-ink)}.result__badge svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.result__badge.is-ok{background:var(--ok)}.result__badge.is-bad{background:var(--bad)}.result__body{min-width:0;flex:1}.result__title{margin:0 0 3px;font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:-.02em}.result__title.is-ok{color:var(--ok)}.result__title.is-bad{color:var(--bad)}.result__answer{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.032em;line-height:1.18;overflow-wrap:break-word}.result__pron{margin:3px 0 0;color:var(--ink-soft);font-size:.86rem;font-weight:600}.result__yours{margin:5px 0 0;color:var(--ink-soft);font-size:.82rem;line-height:1.35}.result__yours span{color:var(--bad);font-weight:600}.speak-btn{display:inline-grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);transition:background .15s ease,transform .12s ease,color .15s ease,border-color .15s ease}.speak-btn svg{width:18px;height:18px}.speak-btn:active{background:var(--ink);border-color:var(--ink);color:var(--on-ink);transform:scale(.95)}.speak-btn:disabled{opacity:.35}.speak-btn--inline{width:28px;height:28px;border-color:transparent;background:transparent;color:var(--ink-soft)}.speak-btn--inline svg{width:16px;height:16px}.deck--empty{background:var(--bg);border-style:dashed}.empty{flex:1;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem;padding:1rem .85rem;text-align:left}.empty__icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:2px;border-radius:10px;border:1.5px solid var(--ink);background:var(--bg);color:var(--ink)}.empty__icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.empty__title{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.03em}.empty__text{margin:0;max-width:30ch;color:var(--ink-soft);font-size:.88rem;line-height:1.4}.empty__action{margin-top:.35rem;width:min(260px,100%)}.empty--inline{min-height:130px;padding:1rem;border-radius:10px;background:var(--bg-muted);border:none;align-items:flex-start}.empty--inline .empty__icon{width:36px;height:36px}.empty--inline .empty__icon svg{width:18px;height:18px}.empty--inline .empty__title{font-size:1rem}.empty--inline .empty__text{font-size:.82rem}.trainer{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:8px 0 4px;overflow:hidden}.spotlight{flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding:.85rem;border:1.5px solid var(--ink);border-radius:12px;background:var(--bg)}.spotlight__main{display:flex;align-items:flex-start;gap:14px;min-width:0}.spotlight__glyph{margin:0;flex:0 0 auto;display:flex;align-items:baseline;gap:3px;min-width:2.5rem;font-family:var(--font-display);font-size:2.7rem;font-weight:700;letter-spacing:-.045em;line-height:.95}.spotlight__glyph--num{min-width:3rem;font-variant-numeric:tabular-nums}.spotlight__glyph-sub{color:var(--ink-soft);font-size:.42em;font-weight:700}.spotlight__copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:2px}.spotlight__name{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.25}.spotlight__approx{color:var(--ink-soft);font-weight:500}.spotlight__tip,.spotlight__example{margin:0;color:var(--ink-soft);font-size:.82rem;line-height:1.38}.spotlight__example strong{color:var(--ink)}.spotlight__badge{display:inline-flex;align-items:center;margin-right:6px;padding:.12rem .45rem;border-radius:999px;background:var(--bg-muted);color:var(--ink);font-size:.62rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;vertical-align:.06em}.spotlight__actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.keypad{flex:1;min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(46px,1fr);gap:6px;align-content:stretch;padding-bottom:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none}.keypad::-webkit-scrollbar{display:none}.keypad--nums{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:clamp(44px,6.2vh,54px);align-content:start;padding-bottom:14px;mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent 100%)}.key{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-family:var(--font-display);font-size:1.05rem;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease}.key:active{transform:scale(.93)}.key--num{font-size:.95rem;font-variant-numeric:tabular-nums}.key.is-special{color:var(--ink);border-color:var(--ink)}.key.is-active{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.card{flex-shrink:0;padding:.85rem 0;border-radius:0;background:transparent;border-bottom:1px solid var(--line);animation:screen-in .22s ease both}.card:last-child{border-bottom:none}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:.65rem}.card__title{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.02em}.card__sub{margin:3px 0 0;color:var(--ink-soft);font-size:.82rem;line-height:1.35}.card--danger{background:transparent;padding-top:.85rem}.card--danger .card__title{color:var(--bad)}.card--danger .btn{margin-top:.55rem}.chart__plot{margin-top:.5rem}.chart__svg{display:block;width:100%;height:auto;overflow:visible;color:var(--accent)}.chart__grid{stroke:var(--line);stroke-width:1;stroke-dasharray:2 4}.chart__area{fill:url(#chart-fade)}.chart__line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart__dot{fill:var(--accent)}.chart__dot--now{fill:var(--bg);stroke:var(--accent);stroke-width:2.5}.chart__x{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));margin-top:6px;color:var(--ink-soft);font-size:.66rem;text-align:center}.chart__now{margin:10px 0 0;color:var(--ink-soft);font-size:.8rem}.chart__now strong{color:var(--ink);font-variant-numeric:tabular-nums}.insights{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.85rem 0 0;padding:0}.insight{display:flex;flex-direction:column;gap:2px;padding:.7rem .5rem;border-radius:12px;background:var(--bg-muted);text-align:center}.insight:last-child:nth-child(odd){grid-column:1 / -1}.insight--ok .insight__value{color:var(--ok)}.insight--warn .insight__value{color:var(--warn)}.insight--info .insight__value{color:var(--accent)}.insight__label{color:var(--ink-soft);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.insight__value{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.insight__detail{color:var(--ink-soft);font-size:.74rem;line-height:1.3}.rows{list-style:none;margin:.25rem 0 0;padding:0}.rows__item+.rows__item .row{border-top:1px solid var(--line)}.row{display:flex;width:100%;align-items:center;gap:10px;min-height:52px;padding:.55rem 0;border:0;background:transparent;color:inherit;text-align:left;transition:background .15s ease}.row:active{background:var(--bg-muted)}.row__rank{flex:0 0 auto;min-width:2.4rem;color:var(--ink-soft);font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums}.row__text{flex:1;min-width:0}.row__de{display:block;font-weight:700;font-size:.95rem;letter-spacing:-.02em;line-height:1.2}.row__en{display:block;margin-top:2px;color:var(--ink-soft);font-size:.84rem;line-height:1.3;overflow-wrap:break-word}.row__pron{display:block;margin-top:2px;color:var(--ink-soft);font-size:.78rem;font-weight:600}.row__side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}.row__acc{color:var(--ink-soft);font-size:.73rem;font-variant-numeric:tabular-nums}.row__chev{flex:0 0 auto;display:grid;place-items:center;color:var(--ink-soft);transition:transform .15s ease}.row__chev svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.row.is-active .row__chev{transform:rotate(90deg);color:var(--ink)}.rows__empty{padding:20px 8px;color:var(--ink-soft);font-size:.88rem;text-align:center}.worddetail{margin:0 0 .5rem;padding:.75rem 0;border-top:1px solid var(--line);background:transparent;animation:expand-in .18s ease both}.worddetail__hear{margin-top:.55rem}.worddetail__hear-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.worddetail__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0}.worddetail__grid div{padding:.7rem .5rem;border-radius:12px;background:var(--bg-muted)}.worddetail__grid dt{margin:0;color:var(--ink-soft);font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.worddetail__grid dd{margin:3px 0 0;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.worddetail__pct{color:var(--ink-soft);font-family:var(--font-body);font-size:.8rem;font-weight:500}.worddetail__when{font-family:var(--font-body);font-size:.9rem;letter-spacing:0}.fmap__grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:2.5px;margin:4px 0 14px}.fmap__cell{aspect-ratio:1;display:block;border-radius:2px;background:var(--fill-strong)}.fmap__cell--new{background:var(--bg-muted);box-shadow:inset 0 0 0 1px var(--ink)}.fmap__cell--learning{background:var(--warn)}.fmap__cell--review{background:var(--accent)}.fmap__cell--mastered{background:var(--ok)}.fmap__legend{list-style:none;display:flex;flex-wrap:wrap;gap:7px 14px;margin:0;padding:0;color:var(--ink-soft);font-size:.75rem}.fmap__legend li{display:inline-flex;align-items:center;gap:6px}.fmap__swatch{width:11px;height:11px;border-radius:3px}.sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:end center;background:var(--scrim);animation:fade-in .18s ease both;overscroll-behavior:none}.sheet{display:flex;flex-direction:column;width:min(520px,100%);max-height:min(88dvh,720px);border-radius:14px 14px 0 0;border:1.5px solid var(--ink);border-bottom:none;background:var(--bg);outline:none;overflow:hidden;animation:sheet-up .22s ease both}.sheet__grip{flex-shrink:0;width:36px;height:4px;margin:8px auto 0;border-radius:999px;background:var(--line-2)}.sheet__head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 8px 10px 14px;border-bottom:1px solid var(--line)}.sheet__head h2{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.03em}.sheet__body{flex:1;min-height:0;display:flex;flex-direction:column;gap:0;padding:0 14px calc(20px + var(--safe-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.group{display:flex;flex-direction:column;gap:.35rem;padding:.85rem 0;border-bottom:1px solid var(--line)}.group:last-child{border-bottom:none}.group__label{margin:0;color:var(--ink-soft);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.group__card{border-radius:0;background:transparent;overflow:visible}.group__note{margin:0;color:var(--ink-soft);font-size:.8rem;line-height:1.4}.group__note--status{color:var(--accent);font-size:.81rem;font-weight:600}.setrow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:.65rem 0}.setrow+.setrow{border-top:1px solid var(--line)}.setrow--stack{flex-direction:column;align-items:stretch;gap:10px}.setrow__text{min-width:0}.setrow__title{margin:0;font-size:.95rem;font-weight:700;letter-spacing:-.01em}.setrow__hint{margin:3px 0 0;color:var(--ink-soft);font-size:.82rem;line-height:1.38}.setrow__actions{display:flex;flex-wrap:wrap;gap:.4rem}.setrow__status{margin:0;color:var(--accent);font-size:.81rem;font-weight:600;line-height:1.4}.setrow__fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;animation:expand-in .18s ease both}.setrow__fields--single{grid-template-columns:minmax(0,1fr)}.selectfield{display:flex;flex-direction:column;gap:.4rem;min-width:0}.selectfield__label{color:var(--ink-soft);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.select{width:100%;min-height:42px;padding:0 30px 0 12px;border:1.5px solid var(--line);border-radius:10px;background-color:var(--bg);color:var(--ink);font-size:.9rem;font-weight:500;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 17px) 54%,calc(100% - 12px) 54%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.select:focus-visible{border-color:var(--ink)}.switch{position:relative;flex-shrink:0;width:48px;height:28px;padding:0;border:1.5px solid var(--ink);border-radius:999px;background:var(--bg);transition:background .15s ease,border-color .15s ease}.switch__knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--ink);transition:transform .15s ease,background .15s ease}.switch.is-on{background:var(--ink);border-color:var(--ink)}.switch.is-on .switch__knob{transform:translate(20px);background:var(--on-ink)}.switch:disabled{opacity:.35}.practice-chrome{flex-shrink:0;display:grid;grid-template-rows:1fr;min-height:0;transition:grid-template-rows .28s cubic-bezier(.32,.72,0,1)}.practice-chrome__inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:10px;opacity:1;transform:translateZ(0);transition:opacity .2s ease,transform .28s cubic-bezier(.32,.72,0,1)}html.keyboard-open .practice-chrome{grid-template-rows:0fr}html.keyboard-open .practice-chrome__inner{opacity:0;transform:translate3d(0,-8px,0);pointer-events:none}html.keyboard-open .tabbar{transform:translate3d(-50%,110%,0);opacity:0;pointer-events:none}html.keyboard-open .shell--app{padding-bottom:max(6px,var(--safe-bottom))}html.keyboard-open .navbar{min-height:38px;padding:2px 0}html.keyboard-open .screen--practice{gap:6px;padding-top:6px}html.keyboard-open .deck__stage{flex:0 1 auto;justify-content:flex-start;gap:3px;padding:6px 14px 8px}html.keyboard-open .deck__top{padding-top:9px}html.keyboard-open .deck__word{transform:scale(.72);transform-origin:left top}html.keyboard-open .deck__pron{transform:scale(.92);transform-origin:left top}html.keyboard-open .speak-btn{width:34px;height:34px}html.keyboard-open .speak-btn svg{width:16px;height:16px}html.keyboard-open .deck__dock{gap:7px;padding:9px 12px 10px}html.keyboard-open .field{min-height:46px;padding:10px 12px}html.keyboard-open .btn{min-height:44px}@media (prefers-reduced-motion: reduce){.practice-chrome,.practice-chrome__inner,.tabbar{transition:none!important}html.keyboard-open .deck__word,html.keyboard-open .deck__pron{transform:none;font-size:clamp(1.6rem,7.5vw,2.05rem)}}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes word-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes expand-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-height: 730px){.brand{font-size:clamp(2.1rem,11vw,2.8rem)}.landing{gap:.9rem}.landing__title{font-size:1.15rem}.stat{min-height:50px}.stat__value{font-size:1.15rem}.deck__word{font-size:clamp(2rem,10vw,2.7rem)}.spotlight__glyph{font-size:2.2rem;min-width:2.1rem}.spotlight__example{display:none}.keypad,.keypad--nums{grid-auto-rows:42px}}@media (max-height: 600px){.statstrip,.unlockmeter,.screen-sub,.spotlight__tip{display:none}.deck__word{font-size:clamp(1.7rem,8vw,2.2rem)}.feature:last-child{display:none}}@media (min-width: 480px){.fmap__grid{grid-template-columns:repeat(25,minmax(0,1fr))}}@media (min-width: 780px){.shell--app{max-width:720px}.tabbar{width:min(720px,100%)}.fmap__grid{grid-template-columns:repeat(40,minmax(0,1fr))}}