*{box-sizing:border-box}:root{--bg:#0f1216;--card:#171c23;--card2:#1d242e;--line:#2a3340;--text:#f2f5f8;--muted:#8b96a3;--accent:#ffb454;--accent2:#ff7847;--ok:#5fd4a4}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.bg{z-index:-1;pointer-events:none;background:radial-gradient(900px 500px at 15% -10%,#ffb45414,#0000 60%),radial-gradient(800px 600px at 110% 110%,#5fd4a40f,#0000 60%);position:fixed;inset:0}.wrap{max-width:1060px;margin:0 auto;padding:28px 20px 40px}.head h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(26px,4.2vw,42px);line-height:1.15}.head h1 em{color:var(--accent);font-style:normal}.sub{color:var(--muted);max-width:62ch;margin:0;font-size:15px}.progress{background:var(--line);border-radius:2px;height:4px;margin:22px 0 18px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));transform-origin:0;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);transform:scaleX(0)}.grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.sent-card{flex-direction:column;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;min-width:0;padding:18px}.card-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.step-count{text-transform:none;letter-spacing:0;color:var(--accent)}.sentence{background:#ffffff06;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:132px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:22px;display:flex}.w{display:inline-block}.w.prompt{color:var(--muted)}.w.glue{margin-left:-10px}.w.last{color:var(--accent)}.w.fresh{opacity:0;transition:opacity .35s .25s}.w.fresh.landed{opacity:1}.caption{color:var(--text);border-top:1px solid var(--line);min-height:66px;margin:14px 0 0;padding-top:12px;font-size:14.5px}.bars-legend{color:var(--muted);align-items:center;gap:7px;min-height:18px;margin-bottom:9px;font-size:11.5px;display:flex}.legend-dot{background:var(--ok);border-radius:50%;flex:none;width:9px;height:9px;transition:background .3s}.bars-legend.done .legend-dot{background:var(--accent)}.bars{flex-direction:column;gap:9px;margin-bottom:16px;display:flex}.brow{align-items:center;gap:10px;height:30px;transition:opacity .4s;display:flex}.brow.done{opacity:.22}.btoken{white-space:nowrap;text-overflow:ellipsis;width:86px;color:var(--text);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;overflow:hidden}.btrack{background:var(--card2);border-radius:8px;flex:1;height:16px;overflow:hidden}.bfill{background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:8px;width:0%;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.brow.top .bfill{background:linear-gradient(90deg, var(--ok), #35b380)}.brow.top .btoken,.brow.top .bpct{color:var(--ok)}.bpct{text-align:right;width:52px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.temp{margin:4px 0 16px}.temp-head{min-height:24px;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.temp-val{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:3px solid var(--bg);width:22px;height:22px;box-shadow:0 0 0 1px var(--accent);border-radius:50%;margin-top:-8px}input[type=range]::-moz-range-track{background:var(--line);border-radius:3px;height:6px}input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid var(--bg);border-radius:50%;width:18px;height:18px}.temp-desc{color:var(--muted);min-height:38px;margin-top:8px;font-size:13px}.controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}button{border:1px solid var(--line);background:var(--card2);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:14.5px;font-weight:600;transition:transform .12s,background .12s,border-color .12s}button:hover:not(:disabled){border-color:#3a4655;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.4;cursor:default}#nextBtn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#20130a;border:none}#nextBtn:hover:not(:disabled){border:none}#autoBtn{border-color:#3a4655}.expert-row{margin-top:16px}#expertBtn{width:100%;color:var(--muted);background:0 0;font-weight:500}#expertBtn:hover{color:var(--text)}.expert{margin-top:12px}.expert h3{color:var(--accent);margin:0 0 6px;font-size:15px}.expert p{color:var(--text);margin:0 0 12px;font-size:13.5px}.expert code{background:var(--card2);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.expert-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.table-wrap{margin-top:4px;overflow-x:auto}#expertTable{border-collapse:collapse;width:100%;font-size:13px}#expertTable th,#expertTable td{text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:7px 10px}#expertTable th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}#expertTable td:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#expertTable tr.top td:first-child,#expertTable tr.top td:last-child{color:var(--ok)}.loop{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.loop-step{color:var(--text);background:var(--card2);border:1px solid var(--line);border-radius:20px;padding:4px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.loop-arrow{color:var(--accent);font-size:14px}.foot{text-align:center;color:var(--muted);margin-top:22px;font-size:12.5px}.fly{z-index:50;color:var(--accent);border:1px solid var(--accent);pointer-events:none;opacity:0;will-change:transform;background:#ffb45424;border-radius:8px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:22px;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .2s;position:fixed}@media (width<=820px){.wrap{padding:20px 14px 32px}.grid{grid-template-columns:1fr}.sentence{min-height:118px;font-size:18px}.loop{margin-top:18px}.btoken{width:76px;font-size:13px}.expert-grid{grid-template-columns:1fr}.controls{grid-template-columns:1fr 1fr}}