*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:#000;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.stage{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;overflow:hidden}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.grid-bg svg{width:100%;height:100%}.stage-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2rem}.stage-title{font-size:.75rem;letter-spacing:.3em;color:#fff;text-transform:uppercase;text-align:center}.stage-hint{font-size:.65rem;letter-spacing:.2em;color:#888;text-transform:uppercase;text-align:center}.stage-hint span{color:#fff}.columns{position:relative;z-index:1;display:flex;flex-direction:row;gap:4rem;align-items:flex-start;justify-content:center}.col{display:flex;flex-direction:column;align-items:center;gap:1rem;width:140px;cursor:pointer;transition:opacity .15s;opacity:.4}.col.selected{opacity:1}.col-name{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#aaa}.col.selected .col-name{color:#0f0}.col-prompt{font-size:.6rem;color:#888;text-align:center;line-height:1.6;letter-spacing:.05em;white-space:pre-line}.col.selected .col-prompt{color:#ccc}.hint{position:absolute;bottom:2rem;z-index:1;font-size:.65rem;letter-spacing:.2em;color:#888;text-transform:uppercase}.hint span{color:#fff}.transformer-layer-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.transformer-layer-svg{width:100%;height:100%;opacity:.9}.attn-line-draw{stroke-dashoffset:var(--attn-len);opacity:.55;animation:attn-draw .4s ease forwards}.attn-line-fade{stroke-dashoffset:0;opacity:0;transition:opacity .4s ease}@keyframes attn-draw{0%{stroke-dashoffset:var(--attn-len);opacity:.1}to{stroke-dashoffset:0;opacity:.55}}.intro-latent-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.intro-latent-svg{width:100%;height:100%;animation:intro-dots-fadein .8s ease forwards,latent-breathe 8s ease-in-out .8s infinite}@keyframes intro-dots-fadein{0%{opacity:0}to{opacity:1}}@keyframes latent-breathe{0%{opacity:1}45%{opacity:.82}to{opacity:1}}.intro-panel{gap:0;text-align:center}.intro-text-block{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.3rem;padding:4rem 5rem 2.5rem}.intro-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 70% at 50% 50%,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 50%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:0}.intro-text-block>*:not(.intro-scrim){position:relative;z-index:1}.intro-title{font-size:clamp(3rem,8vw,5.5rem);font-weight:500;letter-spacing:.18em;color:#fff;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;cursor:default;-webkit-user-select:none;user-select:none}.intro-desc{font-size:clamp(1.8rem,3.3vw,2.6rem);letter-spacing:.16em;color:#fff;line-height:1.25;text-align:center}.intro-desc-detail{max-width:none;font-size:clamp(.78rem,1.2vw,.95rem);letter-spacing:.04em;line-height:1.65;color:#a3a3a3;margin-top:.45rem;white-space:nowrap}.intro-desc-detail p{margin:0}.intro-hint{margin-top:3.1rem;letter-spacing:.25em;color:#444;animation:introHintPulse 1.9s ease-in-out infinite}.intro-hint span{color:#888}@keyframes introHintPulse{0%,to{opacity:.45}50%{opacity:.9}}.avatar-wrap{width:80px;height:96px;border:1px solid #333;display:flex;align-items:center;justify-content:center;background:#080808;transition:border-color .2s,box-shadow .2s;overflow:hidden}.avatar-wrap.avatar-selected{border-color:#0f0;box-shadow:0 0 10px #00ff002e}.avatar-inner{display:flex;align-items:center;justify-content:center}.avatar-inner.avatar-alive{animation:avatar-blink 1.8s ease-in-out infinite}@keyframes avatar-blink{0%{opacity:1}45%{opacity:.82}55%{opacity:1}to{opacity:1}}.token-micro{font-size:.62rem;letter-spacing:.1em;color:#555;text-align:center;max-width:400px;line-height:1.7}.token-micro strong{color:#888;font-weight:400}.emb-transition-token{transition:transform .4s ease,opacity .4s ease}.emb-transition-token-lift{animation:emb-token-lift .4s ease forwards}@keyframes emb-token-lift{0%{transform:translateY(0);opacity:1}to{transform:translateY(-24px);opacity:.6}}.emb-transition-col{display:flex;flex-direction:column;align-items:center;gap:0;animation:emb-col-appear .2s ease both}@keyframes emb-col-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.emb-val-flicker{color:#0f0!important;opacity:.9}.emb-micro{font-size:.62rem;letter-spacing:.1em;color:#555;text-align:center;max-width:520px;line-height:1.7}.emb-micro strong{color:#888;font-weight:400}.output-layout{display:flex;flex-direction:row;gap:1.5rem;align-items:flex-start;max-width:700px}.output-avatar{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0;padding-top:.5rem}.output-avatar-wrap{border:1px solid #222;padding:4px;background:#080808;transition:border-color .4s}.output-avatar-wrap.output-avatar-happy{border-color:#00ff004d;box-shadow:0 0 8px #00ff001a}.output-avatar-wrap.output-avatar-neutral{border-color:#222}.output-score-badge{font-size:.6rem;letter-spacing:.15em;color:#555}.output-cursor{display:inline-block;color:#0f0;animation:cursor-blink .8s step-end infinite;margin-left:1px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.token-prompt{font-size:.85rem;color:#ccc;letter-spacing:.08em;text-align:center;max-width:480px;line-height:1.8}.token-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:560px}.token{background:#000;color:#fff;border:1px solid #444;font-family:inherit;font-size:.75rem;letter-spacing:.1em;padding:.4rem .9rem;cursor:pointer;transition:border-color .2s,color .2s,box-shadow .2s}.token:hover{border-color:#888}.token.token-selected{border-color:#0f0;color:#0f0;box-shadow:0 0 8px #0f03}.objective-list{display:flex;flex-direction:column;gap:.75rem;width:480px}.objective-block{border:1px solid rgba(255,255,255,.12);padding:0 1.25rem;min-height:92px;box-sizing:border-box;display:flex;align-items:center;font-size:.75rem;letter-spacing:.08em;color:#888;cursor:pointer;transition:border-color .25s,color .25s,box-shadow .25s;line-height:1.5}.objective-block:hover{border-color:#ffffff4d;color:#ccc}.objective-block.objective-active{border-color:#ffffff1f;color:#fff;box-shadow:inset 0 0 0 1px #fff}.objective-block.objective-confirmed{border-color:#ffffff1f;color:#0f0;box-shadow:inset 0 0 0 1px #0f0}.objective-index{margin-right:.75rem;color:#444;font-variant-numeric:tabular-nums}.objective-block.objective-active .objective-index{color:#888}.objective-block.objective-confirmed .objective-index{color:#0a0}.next-token-sentence-wrap{width:100%;max-width:900px;margin:0 auto;text-align:center;position:relative;min-height:36rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:4.5rem;padding-bottom:6.5rem}.next-token-sentence{color:#9a9a9a;font-size:1.08rem;line-height:1.85;letter-spacing:.08em;min-height:4rem;position:relative;z-index:2;max-width:38rem;margin-top:2.5rem;padding:1.25rem 1.5rem;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.04)}.next-token-slot{display:inline-block;width:6.2ch;border-bottom:1px solid #6f6f6f;vertical-align:baseline;animation:next-token-slot-blink 1.15s ease-in-out infinite}.next-token-prompt{margin-bottom:0;color:#bdbdbd;letter-spacing:.08em;opacity:0;animation:next-token-fade-in .22s ease forwards;position:relative;z-index:2;font-size:.76rem;text-transform:uppercase}.next-token-prompt-static{opacity:1;animation:none}.next-token-fill-slot{display:inline-flex;align-items:center;justify-content:center;min-width:7ch;min-height:1.8rem;padding:0 .25rem;border-bottom:1px solid rgba(120,120,120,.38);transition:border-color .22s ease,box-shadow .22s ease}.next-token-fill-slot-filled{border-bottom:1px solid rgba(0,255,0,.32);box-shadow:inset 0 -1px #00ff0024}.next-token-fill-word{color:#d6ffd6;animation:next-token-slot-fill .24s ease forwards;text-shadow:0 0 8px rgba(0,255,0,.08)}.next-token-word-cloud{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:900px;min-height:100%;margin:0 auto;opacity:1;z-index:1}.next-token-word-cloud-locked{opacity:1}.next-token-word-cloud-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,0,0,1) 58%,rgba(0,0,0,1) 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,0,0,1) 58%,rgba(0,0,0,1) 100%)}.next-token-vector-band{position:absolute;left:0;right:0;height:4rem;pointer-events:none;z-index:0}.next-token-vector-band-bottom{top:58%;bottom:auto;height:11rem}.next-token-vector-band-item{position:absolute;display:inline-flex;align-items:center;gap:.55rem;color:#78ff782b;font-size:.56rem;letter-spacing:.14em;transform:translate(-50%)}.next-token-vector-band-line{display:inline-block;width:var(--band-width, 58px);height:1px;background:linear-gradient(90deg,rgba(0,255,0,0),rgba(0,255,0,.22),rgba(0,255,0,0))}.next-token-vector-band-text{opacity:.72}.next-token-word-trace{position:absolute;display:flex;align-items:center;gap:.45rem;color:#78ff7826;font-size:.54rem;letter-spacing:.12em;transform:translate(-50%,-50%) rotate(var(--trace-rotate, 0deg));text-transform:uppercase;white-space:nowrap}.next-token-word-trace-line{display:inline-block;width:var(--trace-width, 52px);height:1px;background:linear-gradient(90deg,rgba(0,255,0,0),rgba(0,255,0,.18),rgba(0,255,0,0))}.next-token-word-trace-text{opacity:.7}.next-token-cloud-word{position:absolute;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#b6b6b6;padding:.42rem .7rem;font:inherit;letter-spacing:.08em;cursor:pointer;transform:translate(-50%,-50%) rotate(var(--cloud-word-rotate, 0deg));transition:opacity .22s ease,color .22s ease,border-color .22s ease,background .22s ease,transform .28s ease,box-shadow .28s ease;z-index:1}.next-token-cloud-word-hidden{opacity:0;pointer-events:none}.next-token-cloud-word-visible{animation:next-token-cloud-materialize .26s ease forwards}.next-token-cloud-word:hover{color:#e0e0e0;border-color:#ffffff2e;background:rgba(255,255,255,.04);box-shadow:0 0 16px #ffffff0d;transform:translate(-50%,-50%) rotate(var(--cloud-word-rotate, 0deg)) scale(1.05)}.next-token-cloud-word:disabled{cursor:default}.next-token-cloud-word-used{opacity:.14;transform:translate(-50%,calc(-50% - .35rem)) rotate(var(--cloud-word-rotate, 0deg)) scale(.96);pointer-events:none}.next-token-cloud-word-confirmed{color:#0f0;border-color:#0a0;background:rgba(0,255,0,.08);opacity:.12;pointer-events:none}.next-token-cloud-word-animating{opacity:0}.next-token-label{font-variant-numeric:tabular-nums}.next-token-flying-word{position:fixed;z-index:20;padding:.42rem .7rem;border:1px solid rgba(210,255,210,.28);background:rgba(5,22,5,.82);color:#d6ffd6;letter-spacing:.08em;pointer-events:none;transform:translate(-50%,-50%);animation:next-token-fly-to-slot .26s ease forwards}@keyframes next-token-slot-blink{0%,to{opacity:.35}50%{opacity:.95}}@keyframes next-token-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes next-token-slot-fill{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes next-token-cloud-materialize{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--cloud-word-rotate, 0deg)) scale(.86)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--cloud-word-rotate, 0deg)) scale(1)}}@keyframes next-token-fly-to-slot{0%{opacity:.92;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--fly-dx, 0px)),calc(-50% + var(--fly-dy, 0px))) scale(var(--fly-scale, .95))}}.obj-two-col{display:flex;flex-direction:row;gap:3rem;align-items:flex-start;justify-content:center;width:100%;max-width:1100px}.obj-left,.obj-right{flex:0 0 auto}.vec-space{display:block;background:transparent}.emb-stage{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.emb-demo{display:flex;flex-direction:row;gap:1rem;align-items:flex-start;justify-content:center;flex-wrap:nowrap;overflow-x:auto;max-width:96vw;padding:0 1rem .5rem}.emb-col{display:flex;flex-direction:column;align-items:center;gap:0;transition:opacity .3s;min-width:5.5ch}.emb-col.emb-col-pending{opacity:.2}.emb-col.emb-col-active{opacity:1}.emb-col.emb-col-converted{opacity:.6}.emb-tok{font-size:.72rem;letter-spacing:.06em;color:#888;padding:.2rem .3rem;white-space:nowrap;text-align:center;transition:color .3s}.emb-tok.emb-tok-selected{color:#0f0}.emb-col.emb-col-active .emb-tok{color:#fff}.emb-col.emb-col-active .emb-tok.emb-tok-selected{color:#0f0}.emb-col.emb-col-converted .emb-tok{color:#0a0}.emb-connector{width:1px;height:20px;background:#2a2a2a;margin:2px auto;transition:background .3s;position:relative}.emb-connector:after{content:"";position:absolute;bottom:-4px;left:-2.5px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid #2a2a2a;transition:border-top-color .3s}.emb-connector.emb-connector-active{background:#0f0;animation:pulse-line .9s ease-in-out infinite alternate}.emb-connector.emb-connector-active:after{border-top-color:#0f0}.emb-connector.emb-connector-done{background:#0a0}.emb-connector.emb-connector-done:after{border-top-color:#0a0}@keyframes pulse-line{0%{opacity:.5}to{opacity:1}}.emb-vec{display:flex;flex-direction:column;align-items:flex-end;border:1px solid #1a1a1a;padding:.2rem .3rem;transition:border-color .3s}.emb-col.emb-col-active .emb-vec{border-color:#0f06}.emb-val{font-size:.6rem;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#444;line-height:1.55;white-space:nowrap;transition:color .3s}.emb-col.emb-col-active .emb-val{color:#bbb}.emb-vec-glyph{display:flex;flex-direction:column;align-items:center;gap:0}.emb-vec-line{width:1px;height:60px;background:#0a0}.emb-vec-arrow{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid #0a0}.emb-vec-label{font-size:.55rem;color:#0a0;letter-spacing:.05em;margin-top:3px;font-variant-numeric:tabular-nums}.emb-vec-svg{display:block;overflow:visible}.emb-to-attn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;overflow:hidden;background:radial-gradient(circle at center,rgba(0,18,0,.035),rgba(0,0,0,0) 54%)}.emb-to-attn-space{position:absolute;left:50%;top:50%;width:868px;transform:translate(-50%,-50%);display:flex;justify-content:flex-start;opacity:.16;filter:drop-shadow(0 0 8px rgba(0,255,0,.04))}.emb-to-attn-target{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(0,255,0,.04))}.emb-to-attn-vector{position:absolute;will-change:left,top,transform,opacity;filter:drop-shadow(0 0 5px rgba(0,255,0,.08))}.depth-vec-field-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.depth-vec-field{width:100%;height:100%}.depth-options{display:flex;flex-direction:row;gap:2rem;align-items:stretch}.depth-block{width:220px;min-height:120px;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:border-color .25s,box-shadow .25s;padding:1.5rem 1rem}.depth-block:hover{border-color:#ffffff4d}.depth-block.depth-block-active{border-color:#0f0;box-shadow:inset 0 0 0 1px #0f0}.depth-block-label{font-size:.85rem;letter-spacing:.3em;color:#555;text-transform:uppercase;transition:color .25s}.depth-block.depth-block-active .depth-block-label{color:#0f0}.depth-block-desc{font-size:.6rem;letter-spacing:.08em;color:#333;text-align:center;line-height:1.6;transition:color .25s}.depth-block.depth-block-active .depth-block-desc{color:#555}.output-box{display:flex;flex-direction:column;gap:1.25rem;max-width:560px;border:1px solid rgba(255,255,255,.1);padding:2rem 2.5rem}.output-answer{font-size:.78rem;color:#ccc;line-height:1.9;letter-spacing:.04em;white-space:pre-wrap}.output-reaction{font-size:.76rem;color:#b8b8b8;letter-spacing:.05em;border-top:1px solid #1a1a1a;padding-top:1rem;line-height:1.8;font-style:normal;white-space:pre-wrap;transition:opacity .45s ease,transform .45s ease}.output-reaction.output-reaction-gone{opacity:0;transform:translateY(-.35rem)}.output-reaction.output-reaction-solo{color:#b8b8b8;border-top-color:#1a1a1a}.output-avatar-wrap.output-avatar-wrap-gone{opacity:0;transform:scale(.94)}.final-score-label{font-size:1.1rem;letter-spacing:.35em;color:#fff;text-transform:uppercase}.final-checks{display:flex;flex-direction:column;gap:.6rem;width:420px}.final-check{display:flex;align-items:center;gap:.75rem;font-size:.7rem;letter-spacing:.08em;color:#444;padding:.6rem .75rem;border:1px solid #1a1a1a;transition:color .25s,border-color .25s}.final-check.final-check-hit{color:#0f0;border-color:#00ff0026}.final-check-mark{font-variant-numeric:tabular-nums;letter-spacing:0;flex-shrink:0;color:#333}.final-check.final-check-hit .final-check-mark{color:#0f0}.final-explainer{font-size:.6rem;color:#333;letter-spacing:.1em;text-align:center;max-width:420px;line-height:1.8}.retry-btn{background:transparent;color:#0f0;border:1px solid #0f0;font-family:inherit;font-size:.75rem;letter-spacing:.35em;text-transform:uppercase;padding:.65rem 2.5rem;cursor:pointer;transition:background .2s ease,color .2s ease;margin-top:.5rem}.retry-btn:hover{background:rgba(0,255,0,.08)}.boot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center;pointer-events:all}.boot-lines{display:flex;flex-direction:column;gap:.65rem;align-items:flex-start}.boot-line{font-size:.78rem;letter-spacing:.12em;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.boot-line-header{letter-spacing:.2em;margin-bottom:.35rem}.boot-line-ready{color:#0f0}.depth-vec-field-wrap.depth-simple .depth-vec-field{opacity:.55;transform:scaleY(.92);transform-origin:center bottom;transition:opacity .5s ease,transform .5s ease}.depth-vec-field-wrap.depth-deep .depth-vec-field{opacity:1;transform:scaleY(1.04);transform-origin:center bottom;transition:opacity .5s ease,transform .5s ease;filter:drop-shadow(0 0 3px rgba(0,255,0,.18))}.depth-grid-ghost{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .5s ease}.depth-vec-field-wrap.depth-deep .depth-grid-ghost{opacity:1}.depth-grid-ghost svg{width:100%;height:100%}.depth-vec-field-wrap.depth-deep~.stage-panel .depth-block.depth-block-active{box-shadow:inset 0 0 0 1px #0f0,0 0 18px #00ff0014}.depth-vec-field-wrap.collapsing .depth-vec-field{transform:scale(.92)!important;opacity:0!important;transition:transform .5s ease,opacity .5s ease!important}.grid-bg.collapsing{opacity:.15;transition:opacity .5s ease}.collapse-blackout{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000;pointer-events:none;opacity:0;transition:opacity .15s ease}.collapse-blackout.blackout-on{opacity:1}.depth-mode-simple .depth-block-label{letter-spacing:.2em}.depth-mode-deep .depth-block.depth-block-active .depth-block-label{text-shadow:0 0 12px rgba(0,255,0,.4)}.depth-mode-deep .depth-block.depth-block-active{box-shadow:inset 0 0 0 1px #0f0,0 0 20px #00ff0012}