:root{--bg:#0c0f16;--panel:#ffffff09;--line:#ffffff17;--text:#e9edf5;--muted:#93a1b8;--faint:#5d6b82;--amber:#ffb454;--amber2:#ff8a5c;--blue:#6ea8fe;--violet:#8b5cf6;--serif:ui-serif, Georgia, "Times New Roman", serif;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.bg{z-index:-1;background:radial-gradient(900px 500px at 12% -8%,#ffb45417,#0000 60%),radial-gradient(1000px 600px at 95% 108%,#6ea8fe1a,#0000 60%),radial-gradient(#ffffff09 1px,#0000 1px) 0 0/26px 26px;position:fixed;inset:0}.wrap{flex-direction:column;gap:12px;max-width:780px;margin:0 auto;padding:20px 20px 44px;display:flex}.hero{text-align:center;padding:10px 0 6px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:8px;font-size:11px;font-weight:600}h1{font-family:var(--serif);letter-spacing:-.01em;font-size:clamp(1.8rem,4.6vw,2.55rem);font-weight:600;line-height:1.08}h1 em{color:var(--amber);font-style:italic}.tagline{color:var(--muted);margin-top:6px;font-size:clamp(.95rem,2.4vw,1.05rem)}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px 20px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:700}.stepcount{font-family:var(--mono);color:var(--muted);font-size:12px}.sentence{font-family:var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.6em;font-size:clamp(1.35rem,3.6vw,1.8rem);line-height:1.55}.sentence .base{color:var(--muted)}.sentence .gen{color:var(--text)}.sentence .fresh{color:var(--amber);animation:.9s cubic-bezier(.2,.9,.3,1.2) both pop;display:inline-block}@keyframes pop{0%{opacity:0;transform:translateY(.5em)scale(.7)}55%{opacity:1;transform:translateY(-.08em)scale(1.06)}to{transform:translateY(0)scale(1)}}.caret{background:var(--amber);vertical-align:-.15em;width:2px;height:1.05em;margin-left:2px;animation:1.05s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.legend{color:var(--faint);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}.dot-prompt{background:var(--muted)}.dot-gen{background:#fff}.dot-fresh{background:var(--amber)}.sentence.done .caret{display:none}.sentence.done .gen{animation:1.2s both settle}@keyframes settle{0%{text-shadow:0 0 22px #ffb454a6}to{text-shadow:0 0 #ffb45400}}.dots{align-items:center;gap:6px;display:inline-flex}.pdot{background:#ffffff24;border-radius:50%;width:7px;height:7px;transition:background .3s,box-shadow .3s}.pdot.on{background:var(--amber)}.pdot.cur{animation:1.6s ease-in-out infinite pdot;box-shadow:0 0 0 3px #ffb45438}@keyframes pdot{50%{box-shadow:0 0 0 5px #ffb4541a}}.caption{color:var(--text);max-width:60ch;font-size:.95rem}.caption.swap,.pickline.swap{animation:.45s both fadeup}@keyframes fadeup{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pickline{color:var(--amber);min-height:1.4em;margin-top:6px;font-size:.9rem}.pickline em{font-style:normal;font-weight:700}.bars{flex-direction:column;gap:8px;margin-top:12px;display:flex}.bar-row{grid-template-columns:minmax(74px,118px) 1fr 52px;align-items:center;gap:10px;display:grid}.bar-row.enter{animation:.5s cubic-bezier(.2,.8,.3,1) both rowin}@keyframes rowin{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.token{font-family:var(--mono);text-align:center;white-space:nowrap;text-overflow:ellipsis;color:var(--text);background:#ffffff0f;border:1px solid #0000;border-radius:8px;padding:5px 8px;font-size:13px;transition:border-color .25s,color .25s,background .25s;overflow:hidden}.bar-row.picked .token{color:var(--amber);background:#ffb4541f;border-color:#ffb454a6;font-weight:700}.track{background:#ffffff0d;border-radius:8px;height:28px;position:relative;overflow:hidden}.fill{background:linear-gradient(90deg, var(--blue), var(--violet));border-radius:8px;width:0%;min-width:2px;transition:width .55s cubic-bezier(.25,.9,.3,1);position:absolute;inset:0 auto 0 0}.bar-row.picked .fill{background:linear-gradient(100deg, var(--amber), var(--amber2), #ffc06b, var(--amber));background-size:300% 100%;animation:2.6s linear infinite shimmer;box-shadow:0 0 18px #ffaa5059}@keyframes shimmer{to{background-position:300% 0}}.pick-tag{z-index:2;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);white-space:nowrap;background:#0a0d14cc;border:1px solid #ffb45466;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800;display:none;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.bar-row.picked .pick-tag{animation:.3s cubic-bezier(.2,.9,.3,1.3) both tagin;display:inline-block}@keyframes tagin{0%{opacity:0;transform:translateY(-50%)scale(.7)}to{opacity:1;transform:translateY(-50%)scale(1)}}.pct{font-family:var(--mono);color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:12.5px}.bar-row.picked .pct{color:var(--amber);font-weight:700}.logit{font-family:var(--mono);color:var(--faint);text-align:right;font-size:11.5px}.bars.expert-on .bar-row{grid-template-columns:minmax(74px,118px) 1fr 52px 58px}.expert{border-top:1px dashed var(--line);margin-top:16px;padding-top:14px;animation:.4s both fadeup}.formula{font-family:var(--mono);color:var(--blue);background:#6ea8fe14;border:1px solid #6ea8fe40;border-radius:10px;padding:10px 12px;font-size:13.5px;display:inline-block}.expert-live{font-family:var(--mono);color:var(--muted);margin-top:10px;font-size:12.5px}.expert-live b{color:var(--amber);font-weight:700}.expert-note{color:var(--faint);max-width:62ch;margin-top:10px;font-size:12.5px}.expert-note em{color:var(--muted);font-style:normal;font-weight:600}.expert-toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.expert-toggle input{opacity:0;pointer-events:none;position:absolute}.switch{background:#ffffff1f;border-radius:999px;flex:none;width:34px;height:19px;transition:background .25s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .25s;position:absolute;top:2.5px;left:3px}.expert-toggle input:checked+.switch{background:var(--amber)}.expert-toggle input:checked+.switch:after{transform:translate(14px)}.expert-toggle input:focus-visible+.switch{outline:2px solid var(--blue);outline-offset:2px}.temp-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin-bottom:10px;display:flex}.temp-right{align-items:center;gap:10px;display:inline-flex}.presets{gap:5px;display:inline-flex}.presets button{font-family:var(--mono);color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:7px;padding:3px 8px;font-size:11.5px;font-weight:700;transition:all .2s}.presets button:hover{color:var(--text);border-color:#ffffff40}.presets button.active{color:#22150a;background:var(--amber);border-color:var(--amber)}.tval{font-family:var(--mono);color:var(--amber);font-size:15px;font-weight:700}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #5aa2ff 0%, #7cc4ff 30%, var(--amber) 62%, #ff6b6b 100%);border-radius:999px;height:7px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--bg);background:#fff;border-radius:50%;width:19px;height:19px;margin-top:-6px;box-shadow:0 0 0 1.5px #ffffff8c,0 2px 8px #00000080}input[type=range]::-moz-range-track{background:linear-gradient(90deg, #5aa2ff 0%, #7cc4ff 30%, var(--amber) 62%, #ff6b6b 100%);border-radius:999px;height:7px}input[type=range]::-moz-range-thumb{border:3px solid var(--bg);background:#fff;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1.5px #ffffff8c}.temp-scale{color:var(--faint);justify-content:space-between;margin-top:4px;font-size:11.5px;display:flex}#tmood{color:var(--amber);text-transform:lowercase;font-weight:700}.controls{align-items:stretch;gap:10px;display:flex}.btn{font-family:var(--sans);border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14.5px;font-weight:600;transition:transform .15s,background .2s,border-color .2s,opacity .2s;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff17;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.35;cursor:default}.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn.primary{background:linear-gradient(135deg, var(--amber), var(--amber2));color:#22150a;border-color:#0000;flex:1;font-weight:800;box-shadow:0 6px 22px #ffa04640}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#ffc06b,#ff9a70)}.btn.ghost{flex:none}.btn.auto-on{color:var(--amber);border-color:#ffb45499}.foot{text-align:center;color:var(--faint);padding-top:6px;font-size:12.5px}.foot p{max-width:58ch;margin:0 auto}.kbd-hint{margin-top:6px;font-size:11.5px}kbd{font-family:var(--mono);border:1px solid var(--line);color:var(--muted);background:#ffffff12;border-bottom-width:2px;border-radius:5px;padding:1px 5px;font-size:10.5px}@media (width<=560px){.wrap{gap:12px;padding:26px 14px 40px}.card{border-radius:15px;padding:16px}.bar-row{grid-template-columns:minmax(58px,86px) 1fr 46px;gap:7px}.bars.expert-on .bar-row{grid-template-columns:minmax(58px,86px) 1fr 46px 50px}.token{padding:5px;font-size:11.5px}.track{height:26px}.pct{font-size:11px}.controls{flex-wrap:wrap}.btn{padding:12px 14px;font-size:13.5px}.btn.primary{flex:100%;order:-1}.temp-scale span:first-child,.temp-scale span:last-child{font-size:10.5px}}