:root{--bg: #05070a;--bg-1: #0a0e14;--bg-2: #10151d;--ink: #e6e3d8;--dim: #555866;--mute: #2a2e38;--phosphor: #7dffa4;--amber: #ffb03b;--hot: #ff4c5a;--azure: #55b9ff;--violet: #c58bff;--rule: #1a1f28}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;background:var(--bg);color:var(--ink);min-height:100%}body{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.6;font-feature-settings:"tnum" 1;min-height:100vh;overflow-x:hidden}::selection{background:var(--phosphor);color:var(--bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--mute);border-radius:4px}textarea,input,button{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}button{cursor:pointer}.ribbon{position:sticky;top:0;z-index:60;display:grid;grid-template-columns:auto 1fr auto auto auto;gap:20px;padding:10px 24px;background:#04060910;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);font-size:10.5px;letter-spacing:.08em;color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap}.ribbon .rb-cell{display:inline-flex;align-items:center;gap:8px}.ribbon .rb-label{text-transform:uppercase;color:var(--dim)}.ribbon .rb-value{color:var(--phosphor)}.ribbon .rb-value.amber{color:var(--amber)}.ribbon .rb-value.hot{color:var(--hot)}.ribbon .rb-value.violet{color:var(--violet)}.ribbon .rb-value.azure{color:var(--azure)}main{max-width:980px;margin:0 auto;padding:0 28px 160px}header.hero{padding:120px 0 80px;border-bottom:1px solid var(--rule)}header.hero .meta{color:var(--dim);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:28px}header.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.08;letter-spacing:-.02em;margin:0 0 28px;font-weight:500}header.hero h1 .amber{color:var(--amber)}header.hero h1 .phosphor{color:var(--phosphor)}header.hero h1 .dim{color:var(--dim)}header.hero .lede{color:var(--dim);max-width:68ch;font-size:13.5px;margin:0 0 20px}header.hero .lede b{color:var(--ink);font-weight:400}header.hero .warning{margin-top:36px;padding:12px 16px;border-left:2px solid var(--hot);color:var(--dim);background:linear-gradient(90deg,#1a0a0d44 0%,transparent 100%);font-size:12px}header.hero .warning b{color:var(--hot);font-weight:400;letter-spacing:.08em;text-transform:uppercase}.section{padding:72px 0;border-bottom:1px dashed var(--rule)}.section-no{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--violet);margin-bottom:10px}.section-title{font-size:22px;margin:0 0 16px;letter-spacing:-.01em;font-weight:500;color:var(--ink)}.section-intro{color:var(--dim);font-size:13px;max-width:72ch;margin:0 0 28px}.section-intro b{color:var(--ink);font-weight:400}.section-intro code{color:var(--amber);font-family:inherit}.section-note{margin-top:28px;color:var(--dim);font-size:12px;max-width:72ch;border-top:1px dashed var(--rule);padding-top:20px}.section-note b{color:var(--phosphor);font-weight:400}.panel{background:var(--bg-1);border:1px solid var(--rule);padding:18px}.input{width:100%;background:var(--bg);border:1px solid var(--rule);padding:12px 14px;color:var(--ink);resize:vertical;font-size:13.5px;line-height:1.55;min-height:60px}.input:focus{border-color:var(--phosphor)}.readout-stats{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px;font-size:10.5px;color:var(--dim);letter-spacing:.1em;text-transform:uppercase}.readout-stats b{color:var(--phosphor);font-weight:500;font-size:12px}.tokens{display:flex;flex-wrap:wrap;gap:3px;padding:14px;background:var(--bg);border:1px solid var(--rule);min-height:80px;align-items:flex-start;align-content:flex-start}.tok{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:4px 6px 3px;border-radius:3px;background:hsl(var(--hue),42%,14%);border:1px solid hsl(var(--hue),48%,28%);color:hsl(var(--hue),80%,78%);font-size:12px;white-space:pre;line-height:1.2;transition:transform .12s ease}.tok:hover{transform:translateY(-1px)}.tok-text{font-variant-numeric:tabular-nums}.tok-id{font-size:9px;color:var(--dim);letter-spacing:.04em;opacity:.65}.tok-space{opacity:.35}.tok-newline{color:var(--dim);opacity:.5}.tok-byte{background:#1a0a0d;border-color:#5a1d2a;color:#ff9aa8}.dist-bar-row{display:grid;grid-template-columns:200px 1fr 56px;gap:10px;align-items:center;padding:2px 0;font-size:12px}.dist-tok{color:var(--ink);white-space:pre;text-align:right;font-variant-numeric:tabular-nums}.dist-tok.chosen{color:var(--phosphor)}.dist-tok .ghost{color:var(--dim)}.dist-meter{height:12px;position:relative;background:var(--bg);border:1px solid var(--rule);overflow:hidden;cursor:pointer}.dist-meter .fill{height:100%;background:linear-gradient(90deg,var(--amber) 0%,var(--amber) 100%);transition:width .3s ease}.dist-meter.chosen .fill{background:var(--phosphor)}.dist-meter:hover .fill{background:var(--violet)}.dist-p{color:var(--dim);font-variant-numeric:tabular-nums;font-size:11px;text-align:right}.dist-sequence{font-family:inherit;padding:18px;background:var(--bg);border:1px solid var(--rule);margin-bottom:20px;min-height:60px;line-height:1.8;font-size:14px}.dist-sequence .step{position:relative;color:var(--phosphor)}.dist-sequence .step.alt{color:var(--violet)}.dist-sequence .step.seed{color:var(--dim)}.dist-sequence .caret{display:inline-block;width:9px;height:14px;background:var(--phosphor);vertical-align:-2px;margin-left:1px;animation:caret .85s steps(2,end) infinite}@keyframes caret{to{opacity:0}}.dist-ctrl{margin:10px 0 20px;display:flex;gap:8px;flex-wrap:wrap}.dist-ctrl button{padding:6px 10px;border:1px solid var(--rule);background:var(--bg-1);color:var(--ink);font-size:11px;letter-spacing:.06em}.dist-ctrl button:hover{border-color:var(--phosphor);color:var(--phosphor)}.dist-ctrl button.active{background:var(--phosphor);color:var(--bg);border-color:var(--phosphor)}.dist-heading{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:16px 0 10px}.latent-wrap{display:grid;grid-template-columns:1fr 300px;gap:20px}@media (max-width: 780px){.latent-wrap{grid-template-columns:1fr}}.latent-canvas-wrap{position:relative;background:radial-gradient(circle at 50% 50%,#0d121a,#06080c);border:1px solid var(--rule);aspect-ratio:1.3;overflow:hidden;-webkit-user-select:none;user-select:none}.latent-canvas-wrap svg{width:100%;height:100%;display:block}.latent-concept{cursor:pointer;transition:fill .2s}.latent-concept-bg{fill:#1a1f2a;stroke:#3c4352;stroke-width:.3}.latent-concept:hover .latent-concept-bg{fill:#2a3141;stroke:var(--amber)}.latent-concept-bg.selected-a{fill:#0a2c1a;stroke:var(--phosphor);stroke-width:.5}.latent-concept-bg.selected-b{fill:#2a0f3a;stroke:var(--violet);stroke-width:.5}.latent-concept-label{fill:#8a8e99;font-family:inherit;pointer-events:none}.latent-concept-label.selected-a{fill:var(--phosphor)}.latent-concept-label.selected-b{fill:var(--violet)}.latent-path{stroke:var(--amber);stroke-width:.35;stroke-dasharray:1.2 1.2;fill:none}.latent-mid{fill:var(--amber)}.latent-mid-label{fill:var(--amber);font-family:inherit}.latent-readout{background:var(--bg-1);border:1px solid var(--rule);padding:16px;font-size:12px;line-height:1.7}.latent-readout .pair{margin-bottom:14px}.latent-readout .label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:2px}.latent-readout .a{color:var(--phosphor)}.latent-readout .b{color:var(--violet)}.latent-readout .m{color:var(--amber);font-size:13px;margin-top:6px}.latent-readout .desc{color:var(--dim);font-size:11.5px;font-style:italic;margin-top:8px}.latent-readout .distance{color:var(--amber)}.att-stage{background:var(--bg);border:1px solid var(--rule);padding:26px 20px 14px;position:relative;overflow-x:auto}.att-sentence{display:flex;flex-wrap:wrap;gap:4px;position:relative;padding-top:90px;padding-bottom:8px;min-height:140px;font-size:15px;line-height:1;z-index:1}.att-tok{padding:6px 8px;background:var(--bg-1);border:1px solid var(--rule);color:var(--ink);font-size:14px;cursor:pointer;position:relative;transition:border-color .15s}.att-tok:hover{border-color:var(--amber)}.att-tok.active{border-color:var(--phosphor);color:var(--phosphor)}.att-tok.target{border-color:var(--amber);color:var(--amber)}.att-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.att-ctrl{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 0;font-size:11px;align-items:center}.att-ctrl .head-swatch{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:middle;border-radius:50%}.att-head-btn{padding:5px 10px;border:1px solid var(--rule);background:var(--bg-1);color:var(--ink);font-size:11px}.att-head-btn.active{background:var(--bg-2);border-color:var(--ink)}.att-sentence-select{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.att-sent-btn{padding:5px 10px;border:1px solid var(--rule);background:var(--bg-1);color:var(--ink);font-size:10.5px;letter-spacing:.06em}.att-sent-btn.active{border-color:var(--phosphor);color:var(--phosphor)}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:18px}.sp-feat{background:var(--bg-1);border:1px solid var(--rule);padding:10px;font-size:11px;position:relative;transition:border-color .3s;overflow:hidden}.sp-feat.firing{border-color:var(--phosphor)}.sp-feat .sp-id{font-size:10px;color:var(--dim);letter-spacing:.12em;margin-bottom:6px}.sp-feat .sp-bar{height:3px;background:var(--mute);margin-bottom:8px;position:relative}.sp-feat .sp-bar .fill{position:absolute;top:0;left:0;bottom:0;background:var(--phosphor);transition:width .4s ease}.sp-feat.firing .sp-bar .fill{box-shadow:0 0 8px var(--phosphor)}.sp-feat .sp-triggers{font-size:10.5px;color:var(--dim);line-height:1.45}.sp-feat .sp-triggers .trig{display:block;padding:1px 0}.sp-feat.firing .sp-triggers .trig{color:var(--ink)}.sp-intro-line{font-size:11px;color:var(--dim);margin-bottom:10px;letter-spacing:.06em}.sp-intro-line b{color:var(--phosphor);font-weight:400}.session-panel{background:var(--bg-1);border:1px solid var(--rule);padding:24px;display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:stretch}@media (max-width: 680px){.session-panel{grid-template-columns:1fr}}.session-clock{font-variant-numeric:tabular-nums;font-size:40px;line-height:1.05;letter-spacing:-.02em;color:var(--phosphor);padding-right:28px;border-right:1px dashed var(--rule);min-width:0}.session-clock .label{font-size:10.5px;letter-spacing:.18em;color:var(--dim);text-transform:uppercase;margin-bottom:10px}.session-clock .tick{color:var(--hot)}.session-clock .sub{font-size:11px;color:var(--dim);margin-top:16px;letter-spacing:normal;text-transform:none;line-height:1.6}@media (max-width: 680px){.session-clock{padding-right:0;border-right:none;border-bottom:1px dashed var(--rule);padding-bottom:20px}}.session-stmts{font-size:13px;line-height:1.7;color:var(--ink)}.session-stmts p{margin:0 0 10px}.session-stmts p:last-child{margin:0}.session-stmts .key{color:var(--amber)}.session-stmts .hot{color:var(--hot)}.rec-stage{background:var(--bg-1);border:1px solid var(--rule);padding:22px;min-height:240px;font-size:14.5px;line-height:1.75;position:relative;cursor:text}.rec-stage .annot{color:var(--dim);font-size:11.5px;font-style:italic;letter-spacing:.02em}.rec-stage .annot:before{content:"⟨ ";color:var(--mute);font-style:normal}.rec-stage .annot:after{content:" ⟩";color:var(--mute);font-style:normal}.rec-stage .cur{display:inline-block;width:8px;height:1.05em;background:var(--phosphor);vertical-align:-2px;animation:caret .85s steps(2,end) infinite;margin-left:2px}.rec-key{color:var(--phosphor)}.rec-neg{color:var(--hot)}.rec-you{color:var(--amber)}footer{padding:80px 0 40px;color:var(--dim);font-size:10.5px;letter-spacing:.14em;text-align:center;text-transform:uppercase}footer .s{color:var(--violet)}