.tok-input{border:1px solid var(--stage-line);background:var(--stage-deep);width:100%;min-height:76px;color:var(--stage-text);font-family:var(--mono);resize:vertical;border-radius:12px;padding:12px 14px;font-size:.9rem;line-height:1.5}.tok-chips{flex-wrap:wrap;gap:5px;min-height:60px;margin-top:14px;display:flex}.tchip{font-family:var(--mono);border-radius:7px;flex-direction:column;align-items:center;padding:4px 7px 3px;font-size:.8rem;line-height:1.2;animation:.35s both pop;display:inline-flex}.tchip small{opacity:.75;font-size:.56rem}.tchip.a{color:var(--ink);background:#deb887e6}.tchip.b{color:var(--ink);background:#9cc9a4e6}.tchip.c{color:var(--ink);background:#9cc3e8e6}.tchip.d{color:var(--ink);background:#c9a8dce6}@keyframes pop{0%{opacity:0;transform:translateY(4px)scale(.9)}}.tok-types h3{letter-spacing:-.03em;margin:30px 0 12px;font-size:1.4rem;line-height:1.15}.tok-types>.explain{margin-top:0}.ex .tok-used{font-size:.8rem}.tok-note{margin:10px 0 0}.tok-vocab td:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:110px}.vbar{background:var(--mist);border-radius:3px;height:5px;margin-top:6px;display:block}.vbar i{background:var(--sienna);border-radius:3px;height:100%;display:block}.att-wrap{padding-top:110px;position:relative}.att-arcs{pointer-events:none;width:100%;height:130px;position:absolute;top:0;left:0;overflow:visible}.att-arcs path{fill:none;stroke:var(--sky);stroke-linecap:round;transition:opacity .3s}.att-words{flex-wrap:wrap;gap:6px;display:flex;position:relative}.att-words button{border:1px solid var(--stage-line);color:var(--stage-text);font-family:var(--mono);cursor:pointer;background:#fffdf814;border-radius:9px;padding:8px 10px 20px;font-size:.9rem;transition:all .2s;position:relative}.att-words button:hover{border-color:var(--gold)}.att-words button.sel{border-color:var(--sky);box-shadow:0 0 0 2px var(--sky);background:#9cc3e833}.att-words button.future{opacity:.3}.att-words button .w{color:var(--sky);text-align:center;font-size:.6rem;font-weight:700;position:absolute;bottom:4px;left:0;right:0}.att-words button .bar{background:var(--sky);transform-origin:0;height:3px;transform:scaleX(var(--w,0));border-radius:3px;transition:transform .4s;position:absolute;bottom:15px;left:8px;right:8px}.att-explain{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.att-step{border:1px solid var(--stage-line);color:var(--stage-muted);background:#00000026;border-radius:10px;padding:10px 12px;font-size:.8rem}.att-step>b{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:.64rem;display:block}.att-step .mono{color:var(--stage-text)}.lat-timeline{margin-top:26px;padding:26px 0 30px;position:relative}.lat-bar{background:#fffdf80f;border-radius:10px;height:44px;display:flex;overflow:hidden}.lat-seg{min-width:0;height:100%;transition:width .45s;position:relative}.lat-seg.queue{background:repeating-linear-gradient(135deg,#fffdf838 0 6px,#fffdf814 6px 12px)}.lat-seg.prefill{background:var(--ember)}.lat-seg.decode{background-color:var(--gold)}.lat-seg+.lat-seg{border-left:2px solid var(--stage)}.lat-lab{color:var(--stage-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.66rem;font-weight:800;transition:left .45s;position:absolute;top:0}.lat-mark{background:var(--sky);width:2px;transition:left .45s;position:absolute;top:20px;bottom:-22px}.lat-mark span{color:var(--sky);white-space:nowrap;font-size:.68rem;font-weight:800;position:absolute;bottom:-2px;left:6px}.lat-mark.end{background:var(--stage-text)}.lat-mark.end span{color:var(--stage-text);left:auto;right:6px}.symptom{border:1px solid var(--stage-line);max-width:250px;color:var(--stage-muted);font-family:var(--serif);text-align:left;cursor:pointer;background:#00000024;border-radius:10px;padding:7px 10px;font-size:.82rem;line-height:1.25}.symptom:hover,.symptom[aria-pressed=true]{border-color:var(--gold);color:var(--stage-text)}.bat-lane{grid-template-columns:150px minmax(0,1fr);align-items:start;gap:12px;display:grid}.bat-head b{color:var(--stage-text);font-size:.95rem;display:block}.bat-head small{color:var(--stage-muted);margin-top:3px;font-size:.72rem;line-height:1.35;display:block}.bat-head .stats{grid-template-columns:1fr;gap:5px;margin-top:8px}.bat-head .stat{padding:6px 9px}.bat-head .stat .v{font-size:.95rem}.bat-track{border:1px solid var(--stage-line);background:#00000024;border-radius:12px;gap:5px;padding:8px 8px 8px 32px;display:grid;position:relative}.bat-row{background:#fffdf80a;border-radius:6px;height:28px;position:relative}.bat-row:before{content:attr(data-slot);color:var(--stage-muted);font-size:.6rem;font-weight:700;position:absolute;top:50%;left:-26px;transform:translateY(-50%)}.bat-overlay{pointer-events:none;position:absolute;inset:8px 8px 8px 32px}.bar-req,.bar-idle{border-radius:5px;position:absolute;top:2px;bottom:2px;overflow:hidden}.bar-req{box-shadow:inset 0 0 0 1px #fffdf81f}.bar-req i,.bar-idle i{width:0;position:absolute;top:0;bottom:0;left:0}.bar-req i{background:var(--gold)}.bar-req.done i{background:var(--sage)}.bar-req span{color:var(--ink);z-index:1;opacity:0;font-size:.62rem;font-weight:800;transition:opacity .2s;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.bar-req.started span{opacity:1}.bar-idle i{background:repeating-linear-gradient(135deg,#e58c5fbf 0 4px,#e58c5f26 4px 8px)}.bat-cursor{background:var(--stage-text);opacity:.7;width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.bat-finish{color:var(--sage);white-space:nowrap;font-size:.64rem;font-weight:800;transition:opacity .3s;position:absolute;top:-26px;transform:translate(-50%)}.hatch-key{background:repeating-linear-gradient(135deg,#e58c5fd9 0 3px,#e58c5f33 3px 6px)!important}.mem-bar-wrap{padding:26px 0 22px;position:relative}.mem-bar{background:#fffdf80f;border-radius:10px;height:54px;display:flex;position:relative;overflow:visible}.mem-seg{min-width:0;height:100%;transition:width .45s;position:relative}.mem-seg:first-child{border-radius:10px 0 0 10px}.mem-seg+.mem-seg{border-left:2px solid var(--stage)}.mem-seg span{color:var(--ink);white-space:nowrap;font-size:.7rem;font-weight:800;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.mem-seg.light span{color:var(--stage-text)}.mem-seg.weights{background:var(--sienna-bright)}.mem-seg.runtime{background:#8a9794}.mem-seg.kv{background:var(--gold)}.mem-seg.over{background:repeating-linear-gradient(135deg, var(--ember) 0 6px, #e58c5f4d 6px 12px);border-radius:0 10px 10px 0}.mem-cap{background:var(--stage-text);width:2px;transition:left .45s;position:absolute;top:-8px;bottom:-8px}.mem-cap span{color:var(--stage-text);white-space:nowrap;font-size:.64rem;font-weight:800;position:absolute;top:-18px;transform:translate(-50%)}.mem-cap.util{background:var(--sky)}.mem-cap.util span{color:var(--sky);top:auto;bottom:-18px}.mem-axis{height:16px;color:var(--stage-muted);margin-top:6px;font-size:.64rem;position:relative}@media (max-width:760px){.att-explain{grid-template-columns:1fr 1fr}.bat-lane{grid-template-columns:1fr}.bat-head .stats{grid-template-columns:repeat(3,minmax(0,1fr))}.symptom{flex:100%;max-width:none}.att-wrap{padding-top:90px}}.att-step span b{color:var(--gold)}