@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@500;600;700;800;900&family=Golos+Text:wght@400;500;600;700;800;900&family=Martian+Mono:wght@400;500;600&display=swap";:root{--paper: #F7F4EF;--paper-2: #F0ECE4;--card: #FFFFFF;--ink: #2C2925;--ink-soft: #6A645B;--ink-muted: #9D968B;--hairline: #E8E2D8;--blue-50: #EEF1FA;--blue-100: #DCE2F3;--blue-300: #9AAAD8;--blue-500: #4A66B8;--blue: #3A57AC;--blue-700: #2C4488;--blue-900: #1E2F5E;--accent-50: #F6ECE7;--accent: #BC5B45;--accent-700:#8F4231;--red-50: #F8ECEA;--red-300: #E0A39A;--red: #C0493A;--red-700: #95392D;--gold-50: #F8F0E0;--gold: #CB983F;--gold-700: #9A6F22;--success: #3C8A63;--success-50:#E7F1EB;--warning: #CB983F;--danger: #C0493A;--info: #3A57AC;--lvl-a1: #4F9277;--lvl-a2: #4D8AA6;--lvl-b1: #3A57AC;--lvl-b2: #7763A0;--lvl-c1: #BC5B45;--lvl-c2: #4A453E;--font-display: "Unbounded", system-ui, sans-serif;--font-body: "Golos Text", system-ui, sans-serif;--font-mono: "Martian Mono", ui-monospace, monospace;--fs-display: 40px;--lh-display: 1.02;--ls-display: -.02em;--fs-h1: 30px;--lh-h1: 1.08;--ls-h1: -.01em;--fs-h2: 24px;--lh-h2: 1.14;--fs-h3: 19px;--lh-h3: 1.22;--fs-body: 16px;--lh-body: 1.5;--fs-sm: 14px;--lh-sm: 1.45;--fs-xs: 12px;--lh-xs: 1.4;--fs-word: 38px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--bw: 1px;--bw-thick: 1.5px;--border: 1px solid var(--hairline);--shadow-soft: 0 1px 2px rgba(44,41,37,.05), 0 4px 14px rgba(44,41,37,.06);--shadow-pop: 0 12px 34px rgba(44,41,37,.15);--shadow-hard: var(--shadow-soft);--shadow-hard-sm: 0 1px 2px rgba(44,41,37,.05), 0 2px 8px rgba(44,41,37,.05);--shadow-hard-lg: var(--shadow-pop);--shadow-hard-blue: var(--shadow-soft);--shadow-hard-red: var(--shadow-soft)}.t-display{font-family:var(--font-display);font-weight:800;font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);color:var(--ink)}.t-h1{font-family:var(--font-body);font-weight:800;font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);color:var(--ink)}.t-h2{font-family:var(--font-body);font-weight:700;font-size:var(--fs-h2);line-height:var(--lh-h2);color:var(--ink)}.t-h3{font-family:var(--font-body);font-weight:700;font-size:var(--fs-h3);line-height:var(--lh-h3);color:var(--ink)}.t-body{font-family:var(--font-body);font-weight:400;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink)}.t-sm{font-family:var(--font-body);font-weight:500;font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--ink-soft)}.t-xs{font-family:var(--font-body);font-weight:600;font-size:var(--fs-xs);line-height:var(--lh-xs);letter-spacing:.02em;color:var(--ink-muted)}.t-label{font-family:var(--font-body);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.t-word{font-family:var(--font-body);font-weight:700;font-size:var(--fs-word);line-height:1.1;letter-spacing:-.01em;color:var(--ink)}.t-mono{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-sm);letter-spacing:-.02em;color:var(--ink-soft)}.stress{position:relative;color:var(--accent)}.app-root{font-family:var(--font-body);color:var(--ink)}.btn{font-family:var(--font-body);font-weight:700;font-size:16px;border:1px solid transparent;border-radius:var(--r-md);padding:14px 20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease;-webkit-user-select:none;user-select:none;line-height:1}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.4;pointer-events:none}.btn--primary{background:var(--blue);color:#fff;box-shadow:var(--shadow-soft)}.btn--primary:hover{background:var(--blue-700)}.btn--accent{background:var(--gold);color:#fff;box-shadow:var(--shadow-soft)}.btn--danger{background:var(--red);color:#fff;box-shadow:var(--shadow-soft)}.btn--light{background:var(--card);color:var(--ink);border-color:var(--hairline);box-shadow:var(--shadow-hard-sm)}.btn--light:hover{background:var(--paper)}.btn--ink{background:var(--ink);color:var(--paper)}.btn--ghost{background:transparent;color:var(--ink);border-color:transparent;box-shadow:none;padding:10px 12px}.btn--ghost:hover{background:var(--paper-2)}.btn--block{width:100%}.btn--lg{padding:16px 24px;font-size:16px}.btn--sm{padding:9px 14px;font-size:14px;border-radius:var(--r-sm)}.card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-soft)}.card--flat{box-shadow:none}.card--soft{border-color:var(--hairline);box-shadow:none}.tap{cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease}.tap:active{transform:scale(.99)}.tag{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:11.5px;letter-spacing:.02em;padding:3px 10px;border-radius:var(--r-pill);border:1px solid var(--hairline);line-height:1.55}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border-top:1px solid var(--hairline)}.tabbar__item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 calc(9px + env(safe-area-inset-bottom,0px));cursor:pointer;color:var(--ink-muted);font-size:11px;font-weight:600;transition:color .15s ease}.tabbar__item i{font-size:23px}.tabbar__item.is-active{color:var(--blue)}.field{width:100%;font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--ink);background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-md);padding:14px 16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field::placeholder{color:var(--ink-muted);font-weight:500}.field:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-50)}.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-md);padding:16px;font-family:var(--font-body);font-size:18px;font-weight:600;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-hard-sm);transition:transform .12s ease,border-color .15s ease,background .15s ease}.opt:hover{border-color:var(--blue-300)}.opt:active{transform:scale(.99)}.opt.is-correct{background:var(--success-50);border-color:var(--success)}.opt.is-wrong{background:var(--red-50);border-color:var(--red)}.opt.is-dim{opacity:.5}.opt__key{flex:none;width:26px;height:26px;border-radius:var(--r-sm);border:1px solid var(--hairline);display:grid;place-items:center;font-size:13px;font-weight:700;font-family:var(--font-mono);color:var(--ink-soft)}.bar{height:8px;background:var(--paper-2);border-radius:var(--r-pill);overflow:hidden}.bar__fill{height:100%;background:var(--blue);border-radius:var(--r-pill);transition:width .4s cubic-bezier(.2,.8,.2,1)}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#2c292557;z-index:40;animation:fade .18s ease}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:41;background:var(--card);border-top:1px solid var(--hairline);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:0 -10px 34px #2c292529;animation:slideup .26s cubic-bezier(.2,.85,.25,1);max-height:86%;overflow-y:auto}.sheet__grab{width:40px;height:4px;border-radius:999px;background:var(--hairline);margin:10px auto 2px}.popover{position:absolute;z-index:50;background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);animation:pop .16s cubic-bezier(.2,.9,.3,1)}.toast{position:absolute;left:50%;top:70px;transform:translate(-50%);background:var(--ink);color:var(--paper);font-weight:600;font-size:14px;padding:11px 18px;border-radius:var(--r-pill);z-index:60;box-shadow:var(--shadow-pop);white-space:nowrap;animation:pop .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.scroll-y{overflow-y:auto;scrollbar-width:none}.scroll-y::-webkit-scrollbar{display:none}.rw{cursor:pointer;border-radius:4px;padding:0 1px;transition:background .15s ease}.rw:hover{background:var(--blue-50)}.rw:active,.rw.is-active{background:var(--blue-50);box-shadow:inset 0 -2px 0 var(--blue-300)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--paper)}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:var(--paper);overflow:hidden}.app-main{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.safe-top{padding-top:env(safe-area-inset-top,0)}.tabbar{padding-bottom:calc(6px + env(safe-area-inset-bottom,0))}.col{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap8{gap:8px}.flex1{flex:1}.center{display:grid;place-items:center}.hr{height:2px;background:var(--hairline);margin:16px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}.muted{color:var(--ink-muted)}.field{width:100%}.field:focus{outline:none;border-color:var(--blue)}