:root{--bg:#0b0e14;--card:#12161f;--card2:#0e1219;--line:#232a3a;--line2:#2a3348;--text:#edf1f7;--text2:#c7d2e4;--muted:#a7b0c0;--dim:#8a94a6;--accent:#4f46e5;--accent2:#6366f1;--cyan:#22d3ee;--hl:#a5b4fc}*{box-sizing:border-box}html{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.bg-glow{z-index:0;pointer-events:none;background:radial-gradient(640px 420px at 18% -4%,#6366f133,#0000 70%),radial-gradient(720px 480px at 88% 8%,#22d3ee1f,#0000 70%);position:fixed;inset:0}.wrap{z-index:1;max-width:720px;margin:0 auto;padding:30px 16px 48px;position:relative}.badge{letter-spacing:.14em;text-transform:uppercase;color:var(--text2);border:1px solid var(--line2);background:#1b2130;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-block}h1{letter-spacing:-.015em;margin:14px 0 10px;font-size:30px;font-weight:700;line-height:1.15}.sub{color:var(--muted);max-width:62ch;margin:0 0 18px;font-size:15px;line-height:1.5}.progress{background:#1b2130;border-radius:2px;height:4px;margin-bottom:20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent2), var(--cyan));width:0%;height:100%;transition:width .42s}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 24px 70px #00000073}.row-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.label{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);font-size:12px;font-weight:600}.hint{color:var(--dim);font-size:12px}.step-ind{color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.sentence-box{background:var(--card2);border:1px solid var(--line);border-radius:12px;margin-bottom:14px;padding:14px 16px}.sentence{letter-spacing:-.01em;min-height:40px;font-size:26px;font-weight:600;line-height:1.45}.sentence .placeholder{color:var(--dim);font-style:italic;font-weight:400}.word{display:inline-block}.word-new{color:var(--hl);animation:.34s cubic-bezier(.22,1,.36,1) wordpop}@keyframes wordpop{0%{opacity:0;transform:translateY(8px)scale(.85)}to{opacity:1;transform:none}}.caret{background:var(--hl);vertical-align:-.15em;border-radius:2px;width:3px;height:1.05em;margin-left:3px;animation:1.1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.caption{color:var(--text2);min-height:48px;margin:0 0 16px;font-size:15px;line-height:1.55}.bars{min-height:182px;position:relative}.row{grid-template-columns:74px 1fr 54px;align-items:center;gap:10px;height:30px;margin-bottom:8px;display:grid}.row:last-child{margin-bottom:0}.tok{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.row.top-row .tok{color:var(--hl)}.track{background:#1a2030;border-radius:8px;height:16px;position:relative;overflow:hidden}.fill{background:linear-gradient(90deg,#4f46e5,#6366f1);border-radius:8px;width:0%;transition:width .46s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0}.fill.top{background:linear-gradient(90deg,#6366f1,#22d3ee);box-shadow:0 0 14px #6366f180}.pct{color:var(--text2);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.done-msg{color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:0 12px;font-size:15px;display:flex;position:absolute;inset:0}.temp{margin-top:16px}.temp .row-head{margin-bottom:2px}.temp-val{color:var(--text);font-variant-numeric:tabular-nums;border:1px solid var(--line2);text-align:center;background:#1b2130;border-radius:6px;min-width:46px;padding:3px 8px;font-size:13px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}input[type=range]:focus{outline:none}input[type=range]:focus-visible{outline:2px solid var(--accent2);outline-offset:4px;border-radius:8px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent2), var(--cyan));border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--accent);background:#fff;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 2px 10px #0000008c}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--accent2), var(--cyan));border-radius:3px;height:6px}input[type=range]::-moz-range-thumb{border:3px solid var(--accent);background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 10px #0000008c}.temp-scale{color:var(--dim);justify-content:space-between;margin-top:-4px;font-size:12px;display:flex}.controls{gap:10px;margin-top:16px;display:flex}.btn{cursor:pointer;border:1px solid var(--line2);min-height:44px;color:var(--text);white-space:nowrap;background:#1b2130;border-radius:10px;padding:0 12px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,transform 80ms}.btn:active{transform:translateY(1px)}.btn:hover{background:#222a3d}.btn.primary{background:var(--accent);border-color:var(--accent)}.btn.primary:hover{background:#5a52f0}.btn[disabled]{opacity:.45;cursor:default}.btn[disabled]:hover{background:#1b2130}.controls .btn{flex:1 1 0;min-width:0}.btn.ghost{background:0 0;width:100%;margin-top:12px}.btn.ghost:hover{background:#171c28}.expert{background:var(--card2);border:1px solid var(--line);border-radius:12px;margin-top:12px;padding:14px}.formula{color:var(--text2);margin-bottom:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6}.exp-table{border-collapse:collapse;width:100%;font-size:13px}.exp-table th{text-align:left;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;padding:4px 6px;font-size:12px;font-weight:600}.exp-table th:not(:first-child),.exp-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.exp-table td{color:var(--text);border-top:1px solid #1b2130;padding:5px 6px}.exp-table td:first-child{font-weight:600}.exp-note{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.55}footer{color:var(--dim);margin-top:18px;font-size:13px;line-height:1.55}.flyer{z-index:60;color:var(--cyan);pointer-events:none;white-space:nowrap;text-shadow:0 2px 14px #22d3ee73;justify-content:center;align-items:center;font-weight:700;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .48s;display:flex;position:fixed}@media (prefers-reduced-motion:reduce){.word-new{animation:none}.caret{opacity:1;animation:none}.fill,.progress-fill{transition:none}}@media (width<=640px){.wrap{padding:22px 14px 40px}h1{font-size:24px}.sub{font-size:14px}.card{padding:14px}.sentence{min-height:66px;font-size:21px}.caption{min-height:64px;font-size:14px}.row{grid-template-columns:66px 1fr 50px;gap:8px}.tok{font-size:13px}.pct{font-size:12px}.btn{font-size:14px}}