@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg: #0a0a0a;--surface: #141414;--surface-2: #1c1c1c;--ink: #0a0a0a;--paper: #f4f4f4;--paper-dim: #8f8f8f;--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .22);--shadow: 0 18px 40px rgba(0, 0, 0, .45);--info: #3b82f6;--info-soft: rgba(59, 130, 246, .18);--ok: #22c55e;--ok-soft: rgba(34, 197, 94, .18);--warn: #f59e0b;--warn-soft: rgba(245, 158, 11, .2);--bad: #ef4444;--bad-soft: rgba(239, 68, 68, .18);--radius: 20px;--font-display: "Bricolage Grotesque", Georgia, serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif;--header-h: 56px;--tabbar-h: 64px;--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}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;background:var(--bg);overscroll-behavior:none}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.shell{position:relative;min-height:100%;min-height:100dvh;color:var(--paper);overflow-x:clip}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(640px 380px at 12% -10%,rgba(255,255,255,.06),transparent 55%),linear-gradient(180deg,#111,#0a0a0a 55%,#050505);z-index:0}.atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at 50% 28%,black 18%,transparent 72%);mask-image:radial-gradient(circle at 50% 28%,black 18%,transparent 72%)}.shell>*:not(.atmosphere){position:relative;z-index:1}.brand{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,14vw,4.4rem);letter-spacing:-.045em;line-height:.92;color:var(--paper)}.brand--sm{font-size:1.2rem;letter-spacing:-.03em}.shell--landing{display:flex;flex-direction:column;padding:calc(1.25rem + var(--safe-top)) calc(1.25rem + var(--safe-right)) calc(1.25rem + var(--safe-bottom)) calc(1.25rem + var(--safe-left))}.landing{flex:1;display:flex;flex-direction:column;justify-content:space-between;width:min(480px,100%);margin:0 auto;animation:rise .65s cubic-bezier(.2,.8,.2,1) both}.landing__copy{padding-top:12vh}.landing h1{margin:1rem 0 .8rem;font-family:var(--font-display);font-size:clamp(1.75rem,7vw,2.35rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}.landing__lead{margin:0;color:var(--paper-dim);font-size:1.05rem;line-height:1.5}.landing__cta{display:flex;flex-direction:column;gap:.75rem;padding-top:2rem}.landing__note{margin:0;text-align:center;color:var(--paper-dim);font-size:.85rem}.shell--app{display:grid;grid-template-rows:auto 1fr auto;height:100%;height:100dvh;padding-left:var(--safe-left);padding-right:var(--safe-right)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:var(--header-h);padding:calc(.55rem + var(--safe-top)) 1rem .55rem;border-bottom:1px solid var(--line)}.dir-toggle{border:1px solid var(--line-strong);background:var(--surface);color:var(--paper);border-radius:999px;min-height:40px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;letter-spacing:.02em}.dir-toggle:active{background:var(--surface-2)}.app-main{min-height:0;overflow:hidden}.shell--monitor .app-main,.shell--alphabet .app-main,.shell--numbers .app-main{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.grind{height:100%;display:grid;grid-template-rows:auto 1fr;gap:.65rem;padding:.65rem .85rem .75rem;min-height:0}.monitor{display:flex;flex-direction:column;gap:.75rem;padding:.75rem .85rem 1.1rem}.alpha{display:flex;flex-direction:column;gap:.75rem;padding:.75rem .85rem 1.1rem;animation:rise .42s cubic-bezier(.2,.8,.2,1) both}.alpha__head h2{margin:0;font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.02em}.alpha__head p{margin:.3rem 0 0;color:var(--paper-dim);font-size:.9rem;line-height:1.45}.alpha__filters{display:flex;gap:.45rem}.alpha__filters--wrap{flex-wrap:wrap}.chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--paper-dim);border-radius:999px;min-height:36px;padding:.35rem .85rem;font-size:.82rem;font-weight:600}.chip.is-active{color:var(--ink);background:var(--paper);border-color:var(--paper)}.alpha__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem}.alpha__grid--nums{grid-template-columns:repeat(5,minmax(0,1fr))}.alpha__key{aspect-ratio:1;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--paper);font-family:var(--font-display);font-size:1.15rem;font-weight:700;min-height:48px}.alpha__key--num{font-size:.95rem}.alpha__key.is-special{border-color:#3b82f673;color:var(--info)}.alpha__key.is-active{background:var(--paper);color:var(--ink);border-color:var(--paper)}.alpha__key.is-special.is-active{background:var(--info);color:#fff;border-color:var(--info)}.alpha__card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:1.1rem 1.05rem 1.15rem;box-shadow:var(--shadow)}.alpha__card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.alpha__glyph{margin:0;display:flex;align-items:baseline;gap:.55rem;font-family:var(--font-display);font-size:clamp(3rem,14vw,3.8rem);font-weight:800;line-height:1;letter-spacing:-.04em}.alpha__lower{font-size:.45em;color:var(--paper-dim);font-weight:700}.alpha__glyph--num{flex-wrap:wrap;align-items:baseline}.alpha__word{font-size:clamp(1.25rem,5vw,1.7rem);font-weight:700;letter-spacing:-.02em;color:var(--paper-dim)}.alpha__badge{margin-top:.35rem;padding:.28rem .65rem;border-radius:999px;background:var(--info-soft);color:var(--info);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.alpha__meta{margin:0;display:flex;flex-direction:column;gap:.7rem}.alpha__meta div{margin:0}.alpha__meta dt{margin:0 0 .2rem;color:var(--paper-dim);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.alpha__meta dd{margin:0;font-size:.98rem;line-height:1.4}.alpha__approx{color:var(--paper-dim);font-weight:400}.alpha__actions{display:grid;grid-template-columns:1.35fr 1fr;gap:.55rem;margin-top:1.05rem}.alpha__note{margin:.7rem 0 0;color:var(--paper-dim);font-size:.82rem}.app-header__spacer{width:1px;height:1px}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;min-height:var(--tabbar-h);padding:.4rem .5rem calc(.4rem + var(--safe-bottom));border-top:1px solid var(--line);background:#0a0a0af0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tabbar__btn{border:0;background:transparent;color:var(--paper-dim);border-radius:14px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;font-size:.68rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;transition:background .14s ease,color .14s ease}.tabbar__icon{font-size:.85rem;line-height:1;opacity:.85}.tabbar__btn.is-active{color:var(--ink);background:var(--paper)}.tabbar__btn:active:not(.is-active){background:#ffffff0f}.session-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.65rem;align-items:center;padding:.65rem .8rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.session-strip__stat{display:flex;flex-direction:column;gap:.05rem;min-width:0}.session-strip__stat--wide{text-align:right}.session-strip__value{font-family:var(--font-display);font-size:1.15rem;font-weight:700;line-height:1}.session-strip__label{color:var(--paper-dim);font-size:.68rem;letter-spacing:.02em}.session-strip__goal{min-width:0}.session-strip__goal-row{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.3rem;color:var(--paper-dim);font-size:.72rem}.session-strip__track{height:7px;border-radius:999px;background:#ffffff14;overflow:hidden}.session-strip__fill{height:100%;border-radius:inherit;background:var(--info);transition:width .28s ease}.deck,.progress,.fmap,.danger-zone{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.deck{min-height:0;display:flex;flex-direction:column;overflow:hidden;animation:rise .42s cubic-bezier(.2,.8,.2,1) both;transition:border-color .18s ease,background .18s ease}.deck--ok{border-color:#22c55e8c;background:linear-gradient(180deg,rgba(34,197,94,.08),var(--surface) 45%)}.deck--bad{border-color:#ef44448c;background:linear-gradient(180deg,rgba(239,68,68,.08),var(--surface) 45%)}.deck__body{flex:1;min-height:0;padding:1.1rem 1.15rem .5rem;display:flex;flex-direction:column;justify-content:center;overflow:auto}.deck__body .deck__meta{margin-bottom:auto}.deck__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1rem}.deck__pill,.deck__rank{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--paper-dim)}.deck__pill{color:#fff;background:var(--info);padding:.32rem .7rem;border-radius:999px;font-weight:700}.deck__eyebrow{margin:0;color:var(--info);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:600}.deck__prompt{margin:.45rem 0 0;font-family:var(--font-display);font-size:clamp(2.4rem,11vw,3.4rem);font-weight:700;letter-spacing:-.035em;line-height:1.05;word-break:break-word;animation:wordIn .34s cubic-bezier(.2,.8,.2,1) both}.deck__pron{margin:.55rem 0 0;color:var(--info);font-size:1.05rem;font-weight:600;letter-spacing:.02em;line-height:1.3}.deck__answer--pron strong{color:var(--info);font-weight:600}.deck__dock{padding:.85rem 1rem 1.05rem;border-top:1px solid var(--line);background:#00000059}.deck__input{width:100%;border:1px solid var(--line-strong);background:var(--bg);color:var(--paper);border-radius:16px;min-height:52px;padding:.9rem 1rem;font-size:16px;outline:none}.deck__input:focus{border-color:#ffffff8c;box-shadow:0 0 0 3px #ffffff1a}.deck__actions{display:grid;grid-template-columns:1.45fr 1fr;gap:.55rem;margin-top:.7rem}.deck__dock--feedback .deck__actions{grid-template-columns:1fr}.deck__result{margin:0 0 .55rem;font-family:var(--font-display);font-size:1.4rem;font-weight:700}.deck__result.is-ok{color:var(--ok)}.deck__result.is-bad{color:var(--bad)}.deck__answer,.deck__yours{display:flex;gap:.65rem;align-items:baseline;margin:.2rem 0;color:var(--paper);font-size:1rem;line-height:1.35}.deck__answer span,.deck__yours span{flex:0 0 4.2rem;color:var(--paper-dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.deck__answer strong,.deck__yours strong{font-weight:600;word-break:break-word}.deck__hint{margin:.75rem 0 0;color:var(--paper-dim);font-size:.95rem;line-height:1.45}.deck--empty .deck__body{justify-content:center}.deck--empty h2{margin:.4rem 0;font-family:var(--font-display);font-size:1.8rem}.btn{border:1px solid transparent;border-radius:999px;min-height:48px;padding:.8rem 1.15rem;font-weight:700;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:active{transform:scale(.98)}.btn--block{width:100%}.btn--primary{background:var(--paper);color:var(--ink)}.btn--primary:active{background:#e0e0e0}.btn--large{min-height:54px;font-size:1.05rem}.btn--ghost{background:transparent;border-color:var(--line-strong);color:var(--paper)}.btn--ghost:active{border-color:#fff6;background:#ffffff0d}.btn--danger{background:transparent;border-color:#ef44448c;color:var(--bad)}.progress,.fmap,.danger-zone{padding:1.1rem 1.05rem 1.2rem;animation:rise .52s cubic-bezier(.2,.8,.2,1) both}.progress__head h2,.fmap__head h2,.danger-zone h2{margin:0;font-family:var(--font-display);font-size:1.25rem;letter-spacing:-.02em}.progress__head p,.fmap__head p,.danger-zone p{margin:.3rem 0 0;color:var(--paper-dim);font-size:.9rem;line-height:1.45}.progress__hero-metric{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:center;margin:1.1rem 0 1.15rem}.progress__ring{--pct: 0%;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,var(--surface) 58%,transparent 59%),conic-gradient(var(--info) var(--pct),rgba(255,255,255,.1) 0)}.progress__ring strong{font-family:var(--font-display);font-size:1.35rem;line-height:1}.progress__ring span{font-size:.7rem;color:var(--paper-dim)}.progress__label{margin:0;font-weight:600}.progress__detail{margin:.28rem 0 0;color:var(--paper-dim);font-size:.84rem;line-height:1.4}.meter{margin-bottom:.9rem}.meter__row{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.35rem;font-size:.86rem;color:var(--paper-dim)}.meter__track{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.meter__fill{height:100%;border-radius:inherit;background:var(--info);transition:width .32s ease}.meter__fill--alt{background:var(--ok)}.meter__note{margin:.35rem 0 0;color:var(--paper-dim);font-size:.76rem}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0 0}.stat-grid div{padding:.75rem .7rem;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.stat-grid dt{margin:0;color:var(--paper-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.stat-grid dd{margin:.25rem 0 0;font-family:var(--font-display);font-size:1.3rem;font-weight:700}.fmap__grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:3px;margin:1rem 0 .85rem}.fmap__cell{aspect-ratio:1;border-radius:2px;display:block;background:#ffffff14}.fmap__cell--new{background:var(--info-soft);box-shadow:inset 0 0 0 1px #3b82f673}.fmap__cell--learning{background:var(--warn)}.fmap__cell--review{background:var(--info)}.fmap__cell--mastered{background:var(--ok)}.fmap__legend{list-style:none;display:flex;flex-wrap:wrap;gap:.55rem .85rem;margin:0;padding:0;color:var(--paper-dim);font-size:.75rem}.fmap__legend li{display:inline-flex;align-items:center;gap:.35rem}.fmap__swatch{width:10px;height:10px;border-radius:2px}.danger-zone .btn{margin-top:.85rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes wordIn{0%{opacity:0;transform:translateY(8px) scale(.985);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media (min-width: 480px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fmap__grid{grid-template-columns:repeat(25,minmax(0,1fr))}}@media (min-width: 768px){.shell--app,.shell--landing .landing{width:min(480px,100%);margin:0 auto}.shell--app{border-left:1px solid var(--line);border-right:1px solid var(--line)}.fmap__grid{grid-template-columns:repeat(40,minmax(0,1fr))}}