@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600&family=Fraunces:ital,opsz,wght@0,9..144,300;1,9..144,300&family=JetBrains+Mono:wght@500;700&display=swap";:root{font-family:Archivo,system-ui,sans-serif;color:#ede9e1;background:#0a0c10;font-synthesis:none;--black: #0a0c10;--coal: #141a24;--raised: #1c2431;--line: #2b3341;--bone: #ede9e1;--muted: #8993a7;--gold: #d9a441;--gold-soft: #f0d08a;--cyan: #67ffff}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--black)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:300}.eyebrow{display:block;color:var(--gold);font-size:.75rem;font-weight:600;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}.brand{width:fit-content;display:inline-flex;align-items:center;gap:.7rem;color:var(--gold);text-decoration:none}.brand svg{width:36px;height:36px}.brand>span{color:var(--bone);font:300 1.08rem/1 Fraunces,serif}.brand em{color:var(--gold)}.brand small{display:block;margin-top:.28rem;color:var(--muted);font:500 .58rem/1 Archivo,sans-serif;letter-spacing:.17em;text-transform:uppercase}.brand.compact svg{width:28px;height:28px}.brand.compact>span{font-size:.92rem}.brand.compact small{font-size:.5rem}.button{min-height:50px;border:1px solid transparent;border-radius:10px;padding:.8rem 1.1rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;color:var(--bone);background:transparent;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.button.primary{border-color:var(--gold);background:var(--gold);color:var(--black)}.button.secondary{border-color:var(--line);background:var(--coal)}.button:disabled{opacity:.35;cursor:default}.connection{height:34px;padding:0 .75rem;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);background:#0a0c10a6;font:500 .72rem JetBrains Mono,monospace;white-space:nowrap}.connection i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.connection.connected i{background:var(--gold);box-shadow:0 0 10px #d9a441bf}.connection.connecting i{background:var(--gold-soft);animation:blink 1s infinite}.connection.error i{background:#e8877a}.connection.local i{background:var(--cyan)}@keyframes blink{50%{opacity:.25}}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:2rem;position:relative;background:radial-gradient(70% 60% at 50% 0%,rgba(217,164,65,.13),transparent 58%),var(--black)}.auth-page:before,.home-page:before,.display-page:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(237,233,225,.04) 1px,transparent 1px);background-size:34px 34px}.auth-shell{width:min(100%,410px);position:relative}.auth-shell .brand{margin-bottom:5rem}.auth-shell h1{margin:.45rem 0 2rem;font-size:clamp(2.8rem,8vw,4rem);line-height:.95}.auth-form{display:grid;gap:1.1rem}.auth-form label{display:grid;gap:.5rem;color:var(--muted);font-size:.88rem}.auth-form input{min-height:52px;border:1px solid var(--line);border-radius:9px;padding:0 .9rem;color:var(--bone);background:var(--coal)}.auth-form .button{width:100%;margin-top:.5rem}.form-error{color:var(--gold-soft);line-height:1.55}.loading{min-height:80px;display:flex;align-items:center;gap:.75rem;color:var(--muted)}.loading i{width:9px;height:9px;border-radius:50%;background:var(--gold);animation:blink 1s infinite}.signout{position:fixed;z-index:20;right:1.2rem;bottom:1.2rem;min-height:36px;border:1px solid var(--line);border-radius:9px;padding:0 .8rem;display:flex;align-items:center;gap:.4rem;color:var(--muted);background:#141a24eb;cursor:pointer}.display-page~.signout{display:none}.home-page{min-height:100vh;display:grid;position:relative;background:radial-gradient(100% 80% at 12% 0%,rgba(217,164,65,.11),transparent 56%),var(--black)}.hero{width:min(1160px,calc(100% - 3rem));margin:auto;padding:4rem 0;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(3rem,8vw,8rem);position:relative}.hero .brand{margin-bottom:clamp(3rem,8vh,6rem)}.hero h1{margin:.7rem 0 1.4rem;font-size:clamp(3.8rem,7vw,7.4rem);line-height:.87;letter-spacing:-.055em}.hero h1 em{color:var(--gold-soft)}.hero p{max-width:37rem;color:var(--muted);font-size:1.08rem;line-height:1.7}.room-panel{border-left:1px solid var(--line);padding-left:clamp(2rem,5vw,5rem);display:grid;gap:.8rem}.room-panel label{display:grid;gap:.55rem;margin-bottom:.5rem;color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.room-panel input{height:58px;border:1px solid var(--line);border-radius:10px;padding:0 1rem;color:var(--gold-soft);background:var(--coal);font:700 1.15rem JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.route-card{min-height:82px;border:1px solid var(--line);border-radius:14px;padding:1rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;color:var(--bone);background:var(--coal);text-decoration:none;transition:transform .16s,border-color .16s}.route-card:hover{transform:translate(4px);border-color:var(--gold)}.route-card>svg:first-child{color:var(--gold)}.route-card span{display:grid;gap:.25rem}.route-card small{color:var(--muted)}.primary-card{border-color:#d9a44180;background:linear-gradient(110deg,rgba(217,164,65,.14),var(--coal) 72%)}.input-page{min-height:100dvh;max-width:720px;margin:auto;padding:max(1.5rem,env(safe-area-inset-top)) 1.4rem;display:flex;flex-direction:column;background:radial-gradient(100% 55% at 50% -8%,rgba(217,164,65,.12),transparent 60%)}.input-page header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(3rem,10vh,7rem)}.input-page h1{margin:.45rem 0 .7rem;font-size:clamp(3rem,9vw,5.5rem);line-height:.9}.input-page>p{margin:0 0 2rem;color:var(--muted);line-height:1.6}.input-page form{display:grid}.input-page textarea{width:100%;min-height:210px;border:1px solid rgba(217,164,65,.52);border-radius:18px;padding:1.2rem;resize:vertical;color:var(--bone);background:linear-gradient(145deg,var(--raised),var(--black));font-size:clamp(1.1rem,3vw,1.35rem);line-height:1.55}.input-page form>small{margin:.55rem .2rem 1.1rem;color:var(--muted);text-align:right}.input-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:.8rem}.input-actions .button{min-height:62px}.sent-feedback{margin-top:1.2rem;display:flex;justify-content:center;align-items:center;gap:.55rem;color:var(--muted);opacity:0;transition:opacity .18s}.sent-feedback.visible{opacity:1}.sent-feedback i{width:7px;height:7px;border-radius:50%;background:var(--gold)}.generation-settings{margin:0 0 1.1rem;padding:1rem;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:1fr auto;gap:1.25rem;background:var(--coal)}.generation-settings>label{min-width:0;display:grid;grid-template-columns:auto auto;gap:.5rem .8rem;color:var(--muted);font-size:.72rem}.generation-settings>label span{grid-column:1 / -1;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.08em}.generation-settings>label strong{color:var(--gold);font-family:JetBrains Mono,monospace}.generation-settings input{grid-column:1 / -1;width:100%;accent-color:var(--gold)}.generation-settings>label small:last-child{text-align:right}.generation-settings fieldset{margin:0;padding:0;border:0;display:flex;align-items:end;gap:.35rem}.generation-settings legend{margin-bottom:.55rem;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.generation-settings fieldset button{width:42px;height:34px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--raised);cursor:pointer}.generation-settings fieldset button.active{border-color:var(--gold);color:var(--black);background:var(--gold)}.display-page{--page-bg: #0a0c10;--page-text: #ede9e1;--panel: rgba(10,12,16,.56);min-height:100vh;overflow:hidden;position:relative;color:var(--page-text);background:var(--page-bg)}.display-page.light{--page-bg: #f3f1eb;--page-text: #171a20;--panel: rgba(255,255,255,.56);--bone: #171a20;--coal: #e4e1da;--raised: #d7d4cc;--line: #c5c0b5;--muted: #59616e;--cyan: #007f96}.display-page.light:before{background-image:radial-gradient(rgba(23,26,32,.065) 1px,transparent 1px)}.transformer-scene{position:absolute;z-index:1;inset:0}.transformer-scene canvas{display:block;width:100%;height:100%;cursor:grab}.transformer-scene canvas:active{cursor:grabbing}.display-header{position:absolute;z-index:3;inset:0 0 auto;padding:clamp(1.4rem,3vw,3rem);display:flex;justify-content:space-between;align-items:flex-start}.display-header .brand{margin-bottom:.8rem}.display-header h1{margin:.35rem 0 0;font-size:clamp(2rem,3.25vw,4rem);line-height:1;letter-spacing:-.035em}.header-actions{display:flex;gap:.65rem;align-items:center}.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--bone);background:var(--panel);cursor:pointer}.prompt-card{position:absolute;z-index:3;left:clamp(1.4rem,3vw,3rem);top:34%;width:clamp(190px,18vw,300px);padding-left:1rem;border-left:2px solid var(--gold);pointer-events:none}.prompt-card>span{color:var(--gold);font:600 .7rem JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.prompt-card p{margin:.8rem 0;color:var(--bone);line-height:1.55}.prompt-card small{display:block;margin-top:.35rem;color:var(--muted);line-height:1.4}.explanation-panel{position:absolute;z-index:3;top:25%;right:clamp(1.4rem,3vw,3rem);bottom:19%;width:clamp(290px,22vw,390px);border-left:1px solid var(--line);padding:.2rem 0 .2rem clamp(1.2rem,2vw,2rem);display:flex;flex-direction:column;justify-content:center;pointer-events:none}.explanation-number{margin-bottom:.45rem;color:var(--gold);font:700 .72rem JetBrains Mono,monospace}.explanation-panel h2{margin:.35rem 0 .8rem;color:var(--bone);font-size:clamp(1.8rem,2.5vw,3rem);line-height:1}.explanation-panel>p{margin:0;color:var(--bone);font-size:clamp(.86rem,1vw,1rem);line-height:1.55}.legal-example{margin-top:1rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--panel) 88%,transparent)}.legal-example small{color:var(--gold);font:600 .6rem JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.legal-example p{margin:.45rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.stage-evidence{margin-top:1rem;color:var(--gold-soft);font:600 .7rem/1.45 JetBrains Mono,monospace}.generated-sentence{margin-top:.8rem!important;color:var(--gold-soft)!important;font-family:Fraunces,serif;font-size:1.15rem!important}.scene-controls-hint{position:absolute;z-index:3;left:25%;right:25%;bottom:9.7rem;color:var(--muted);font:500 .62rem JetBrains Mono,monospace;text-align:center;pointer-events:none}.scene-controls-hint span{color:var(--gold)}.stage-panel{position:absolute;z-index:2;inset:24% 5% 18% 25%;display:grid;grid-template-rows:auto auto 1fr;gap:.9rem}.stage-heading{display:flex;align-items:flex-start;gap:1rem}.stage-heading>span{color:var(--gold);font:700 .75rem JetBrains Mono,monospace}.stage-heading small{color:var(--cyan);font:700 .72rem JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.stage-heading p{max-width:700px;margin:.25rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}.cycle-bar{position:absolute;z-index:4;left:25%;right:25%;bottom:6.8rem;min-height:34px;display:flex;align-items:center;justify-content:center;gap:.45rem}.cycle-bar>span{margin-right:.35rem;color:var(--muted);font:600 .62rem JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.cycle-bar button{min-width:68px;height:32px;border:1px solid var(--line);border-radius:999px;padding:0 .65rem;display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--muted);background:var(--panel);cursor:pointer}.cycle-bar button small{font:500 .58rem JetBrains Mono,monospace}.cycle-bar button strong{max-width:5.5rem;overflow:hidden;font:600 .68rem JetBrains Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.cycle-bar button.done{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));color:var(--gold)}.cycle-bar button.active{border-color:var(--gold);color:var(--black);background:var(--gold);box-shadow:0 0 18px #d9a44138}.token-row{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:clamp(.5rem,1.2vw,1rem);perspective:800px}.token-row>span{min-width:75px;min-height:88px;border:1px solid color-mix(in srgb,var(--cyan) 45%,var(--line));border-radius:10px;padding:1rem .7rem;display:grid;place-items:center;position:relative;color:var(--bone);background:color-mix(in srgb,var(--cyan) 8%,var(--panel));box-shadow:0 14px 35px #00000024;font:600 .85rem JetBrains Mono,monospace;animation:token-in .45s both}.token-row small{position:absolute;top:.45rem;left:.55rem;color:var(--muted);font-size:.6rem}@keyframes token-in{0%{opacity:0;transform:translateY(16px) rotateX(18deg)}}.heatmap-wrap{min-height:0;display:grid;grid-template-columns:minmax(70px,auto) 1fr;gap:.75rem;align-items:stretch}.heatmap-labels{display:grid;grid-auto-rows:1fr;gap:3px}.heatmap-labels span{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;color:var(--muted);font:500 .63rem JetBrains Mono,monospace;white-space:nowrap}.heatmap{min-width:0;display:grid;gap:3px}.heatmap i{min-width:4px;min-height:4px;border-radius:2px;box-shadow:0 0 10px color-mix(in srgb,currentColor 20%,transparent)}.attention-explorer{min-height:0;display:grid;grid-template-rows:auto 1fr;gap:.8rem}.head-tabs{display:flex;gap:.4rem}.head-tabs button{min-height:30px;border:1px solid var(--line);border-radius:999px;padding:0 .75rem;color:var(--muted);background:var(--panel);font:600 .62rem JetBrains Mono,monospace;text-transform:uppercase;cursor:pointer}.head-tabs button.active{border-color:var(--cyan);color:var(--black);background:var(--cyan)}.attention-layout{min-height:0;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(300px,1.2fr);gap:clamp(1rem,3vw,3rem)}.attention-layout article{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr;gap:.65rem}.attention-layout article>span{color:var(--gold);font:600 .66rem JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.attention-grid{min-height:0;display:grid;gap:3px}.attention-grid i{min-width:3px;min-height:3px;border-radius:2px;background:var(--cyan);box-shadow:0 0 9px color-mix(in srgb,var(--cyan) 20%,transparent)}.attention-focus{grid-template-rows:auto auto 1fr!important}.attention-focus>strong{overflow:hidden;color:var(--bone);font:300 clamp(1.7rem,3vw,3.4rem)/1 "Fraunces",serif;text-overflow:ellipsis;white-space:nowrap}.attention-focus>div{min-height:0;overflow:auto;display:grid;align-content:center;gap:.38rem}.attention-focus>div>div{display:grid;grid-template-columns:minmax(4rem,7rem) 1fr 2.4rem;align-items:center;gap:.6rem}.attention-focus small,.attention-focus em{overflow:hidden;color:var(--muted);font:500 .62rem JetBrains Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.attention-focus em{text-align:right;font-style:normal}.attention-focus i{height:6px;background:var(--raised)}.attention-focus b{height:100%;display:block;background:var(--cyan);box-shadow:0 0 10px color-mix(in srgb,var(--cyan) 44%,transparent)}.logits{width:min(100%,760px);margin:auto;display:grid;align-content:center;gap:.7rem}.logits>div{display:grid;grid-template-columns:6rem 1fr 3rem;align-items:center;gap:.8rem;color:var(--muted);font:500 .75rem JetBrains Mono,monospace}.logits>div:first-child,.logits>div.selected{color:var(--gold)}.logits i{height:7px;background:var(--raised)}.logits b{height:100%;display:block;background:var(--cyan);box-shadow:0 0 12px color-mix(in srgb,var(--cyan) 48%,transparent)}.logits>div:first-child b,.logits>div.selected b{background:var(--gold);box-shadow:0 0 14px #d9a44161}.logits strong{text-align:right}.generation{display:grid;place-content:center;text-align:center}.generation>span{color:var(--muted);font:600 .7rem JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.generation strong{margin:.2rem 0 .8rem;color:var(--gold);font:300 clamp(6rem,12vw,12rem)/.9 "Fraunces",serif;text-shadow:0 0 45px rgba(217,164,65,.24)}.generation p{margin:0;color:var(--bone);font-size:clamp(1rem,1.6vw,1.4rem)}.timeline{position:absolute;z-index:4;left:clamp(1.4rem,3vw,3rem);right:clamp(1.4rem,3vw,3rem);bottom:clamp(1.3rem,3vw,2.5rem);display:flex;align-items:center;gap:1rem}.steps{min-width:0;flex:1;display:grid;grid-template-columns:repeat(8,minmax(55px,1fr))}.steps button{min-width:0;padding:0;border:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.45rem;position:relative;color:#566071;background:transparent;font:500 .65rem JetBrains Mono,monospace;cursor:pointer}.steps button:after{content:"";height:1px;background:var(--line)}.steps button:last-child:after{opacity:0}.steps button span{width:26px;height:26px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.steps button b{position:absolute;left:0;top:34px;font-weight:500;white-space:nowrap}.steps button.reached{color:var(--gold)}.steps button.reached:after{background:var(--gold)}.steps button.reached span{border-color:var(--gold)}.steps button.current{color:var(--gold)}.steps button.current span{border-color:var(--gold);background:var(--gold);color:var(--black);transform:scale(1.15);box-shadow:0 0 20px #d9a44173}.nav{flex:none;display:flex;gap:.4rem}.nav button{min-width:40px;height:40px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:0 .8rem;color:var(--bone);background:var(--panel);cursor:pointer}.nav button:disabled{opacity:.3}@media(max-width:900px){.hero{grid-template-columns:1fr}.room-panel{border:0;border-top:1px solid var(--line);padding:2rem 0 0}.prompt-card{top:28%;width:26%}.prompt-card small{display:none}.display-header h1{max-width:70vw}.explanation-panel{width:38%;top:28%;bottom:22%}.legal-example{padding:.65rem .75rem}.scene-controls-hint{display:none}.cycle-bar{left:15%;right:15%}.attention-layout{gap:1rem}.steps button b{display:none}}@media(max-width:620px){.hero{width:min(100% - 2rem,1160px);padding:2rem 0}.hero h1{font-size:3.8rem}.input-actions,.generation-settings{grid-template-columns:1fr}.input-page header .brand span{display:none}.display-header{padding:1rem}.display-header h1{font-size:1.65rem}.display-header .brand span,.display-header .connection,.header-actions .icon-button:nth-of-type(3){display:none}.prompt-card{display:none}.explanation-panel{left:1rem;right:1rem;top:auto;bottom:19%;width:auto;max-height:42%;padding:1rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--page-bg) 86%,transparent)}.explanation-panel h2{font-size:1.6rem}.explanation-panel>p{font-size:.8rem}.legal-example{display:none}.cycle-bar{left:1rem;right:1rem;bottom:5.6rem}.stage-heading p{font-size:.78rem}.attention-layout{grid-template-columns:1fr}.attention-matrix{display:none!important}.cycle-bar>span{display:none}.cycle-bar button{min-width:48px}.timeline{left:1rem;right:1rem}.steps{grid-template-columns:repeat(8,1fr)}.steps button{display:block}.steps button:after{display:none}.steps button span{width:24px;height:24px}.nav button:last-child{display:none}}.icon-button:disabled{opacity:.32;cursor:default}.token-column{position:absolute;z-index:4;left:clamp(1.4rem,3vw,3rem);top:29%;bottom:15%;width:clamp(240px,21vw,350px);display:flex;flex-direction:column;pointer-events:auto}.token-column>p{margin:.65rem 0 1rem;color:var(--bone);font-size:.9rem;line-height:1.48}.token-column-heading{display:grid;gap:.22rem;margin-bottom:.65rem}.token-column-heading strong{color:var(--gold-soft);font-size:.72rem}.token-column-heading small{color:var(--muted);font:500 .54rem JetBrains Mono,monospace}.token-list{max-height:48%;overflow:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:.35rem;padding:.15rem .2rem .5rem 0;scrollbar-width:thin}.token-list button{min-width:54px;min-height:43px;border:1px solid var(--line);border-radius:8px;padding:.3rem .5rem;display:grid;gap:.12rem;place-items:center;color:var(--bone);background:var(--panel);cursor:pointer}.token-list button span{max-width:8rem;overflow:hidden;font:600 .67rem JetBrains Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.token-list button small{color:var(--muted);font:500 .47rem JetBrains Mono,monospace}.token-list button.active{border-color:var(--gold);color:var(--black);background:var(--gold);box-shadow:0 0 18px #d9a4414d}.token-list button.active small{color:#0a0c109e}.follow-button{width:100%;min-height:42px;margin-top:.65rem;border:1px solid var(--gold);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:.45rem;color:var(--black);background:var(--gold);font-size:.66rem;font-weight:700;cursor:pointer}.secondary-follow{color:var(--gold);background:var(--panel)}.token-column .scene-controls-hint{position:static;flex:none;margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--line);color:var(--muted);font:500 .53rem/1.45 JetBrains Mono,monospace;text-align:left}.stage-progress-top{position:absolute;z-index:4;left:27%;right:28%;top:clamp(205px,23vh,245px);pointer-events:auto}.stage-transform{height:34px;margin-bottom:.65rem;display:flex;align-items:center;justify-content:center;gap:.55rem;color:var(--muted);font:500 .65rem JetBrains Mono,monospace}.stage-transform small{color:var(--muted);text-transform:uppercase}.stage-transform strong{max-width:9rem;overflow:hidden;color:var(--gold);text-overflow:ellipsis;white-space:nowrap}.stage-transform span{color:var(--bone)}.stage-progress-top .steps{width:100%}.stage-progress-top .steps button{font-size:.58rem}.stage-progress-top .steps button b{top:31px}.explanation-panel{top:30%;bottom:15%;width:clamp(330px,25vw,465px);min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start;padding-top:.4rem;padding-right:.75rem;pointer-events:auto;scrollbar-color:var(--gold) color-mix(in srgb,var(--line) 55%,transparent);scrollbar-width:thin;touch-action:pan-y}.explanation-panel:focus-visible{outline:1px solid var(--gold);outline-offset:5px}.explanation-panel::-webkit-scrollbar{width:7px}.explanation-panel::-webkit-scrollbar-track{background:color-mix(in srgb,var(--line) 45%,transparent)}.explanation-panel::-webkit-scrollbar-thumb{border-radius:999px;background:var(--gold)}.neuron-math{display:grid;gap:.48rem}.math-terms{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.math-terms span{min-width:0;display:grid;gap:.16rem;padding:.35rem .4rem;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.math-terms small{overflow:hidden;color:var(--muted);font:500 .48rem JetBrains Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.math-terms code{color:var(--bone);font:600 .53rem JetBrains Mono,monospace}.math-result{display:flex;align-items:center;gap:.42rem;color:var(--muted)}.math-result code{color:var(--muted);font:500 .55rem JetBrains Mono,monospace}.math-result strong{color:var(--gold);font:700 .6rem JetBrains Mono,monospace}.softmax-note{display:flex;align-items:center;gap:.5rem}.softmax-note code{color:var(--gold);font:700 .57rem JetBrains Mono,monospace}.softmax-note span{color:var(--muted);font-size:.55rem}.timeline{justify-content:flex-end}.flow-status{margin-right:auto;color:var(--gold-soft);font:600 .64rem JetBrains Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.timeline>.nav .reveal-button{border-color:var(--gold);color:var(--black);background:var(--gold);font-weight:700}.timeline>.nav .reveal-button:disabled{border-color:var(--line);color:var(--muted);background:var(--panel)}.result-modal{position:fixed;z-index:30;inset:0;padding:2rem;display:grid;place-items:center;background:#040609d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.result-dialog{width:min(920px,100%);max-height:min(820px,92vh);overflow:auto;position:relative;border:1px solid color-mix(in srgb,var(--gold) 48%,var(--line));border-radius:18px;padding:clamp(1.5rem,3vw,3rem);color:var(--bone);background:color-mix(in srgb,var(--page-bg) 96%,var(--gold) 4%);box-shadow:0 30px 100px #0000007a}.close-result{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--bone);background:var(--panel);cursor:pointer}.result-dialog h2{margin:.45rem 0 1.2rem;font-size:clamp(2.4rem,5vw,4.4rem);line-height:.95}.final-answer{margin:0 0 1.4rem;color:var(--gold-soft);font:300 clamp(1.35rem,2.2vw,2rem)/1.4 "Fraunces",serif}.output-token-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem}.output-token-list button{min-height:34px;border:1px solid var(--line);border-radius:8px;padding:0 .65rem;color:var(--bone);background:var(--panel);font:600 .65rem JetBrains Mono,monospace;cursor:pointer}.output-token-list button.active{border-color:var(--gold);color:var(--black);background:var(--gold)}.probability-inspector{padding:1rem;border:1px solid var(--line);border-radius:12px;display:grid;gap:.45rem;background:var(--panel)}.probability-inspector>div:first-child{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:center}.probability-inspector>div:first-child small{color:var(--muted);font:500 .55rem JetBrains Mono,monospace;text-transform:uppercase}.probability-inspector>div:first-child strong{grid-row:2;color:var(--bone);font:300 1.7rem Fraunces,serif}.probability-inspector>div:first-child b{grid-column:2;grid-row:1 / 3;color:var(--gold);font:700 1.25rem JetBrains Mono,monospace}.probability-inspector>span{margin-top:.45rem;color:var(--muted);font:600 .55rem JetBrains Mono,monospace;text-transform:uppercase}.probability-row{display:grid;grid-template-columns:minmax(5rem,9rem) 1fr 3.3rem;align-items:center;gap:.7rem;color:var(--muted);font:500 .62rem JetBrains Mono,monospace}.probability-row i{height:6px;background:var(--raised)}.probability-row i b{height:100%;display:block;background:var(--gold);box-shadow:0 0 9px #d9a44159}.probability-row>strong{text-align:right;color:var(--gold-soft)}.result-source{display:block;margin-top:.9rem;color:var(--muted);font:500 .55rem JetBrains Mono,monospace}@media(max-width:1100px){.token-column{width:25%}.stage-progress-top{left:29%;right:34%}.explanation-panel{width:31%}}@media(max-width:700px){.stage-progress-top{left:1rem;right:1rem;top:17%}.stage-transform small,.stage-transform span{display:none}.token-column{left:1rem;top:27%;bottom:auto;width:calc(100% - 2rem)}.token-column>p,.token-column-heading small,.token-column .scene-controls-hint{display:none}.token-list{max-height:95px}.explanation-panel{top:auto;bottom:15%;max-height:36%}.flow-status{display:none}.result-modal{padding:.8rem}}.tablet-link{min-height:36px;border:1px solid var(--line);border-radius:9px;padding:0 .75rem;display:inline-flex;align-items:center;gap:.4rem;color:var(--gold);background:var(--panel);font-size:.66rem;font-weight:600;text-decoration:none;white-space:nowrap}.display-page.light{--gold: #925f00;--gold-soft: #6f4900;--line: #aaa397;--muted: #454d59}.display-page.light .connection{color:#303742;background:#ffffffe0}.display-page.light .connection.connected i{background:var(--gold);box-shadow:0 0 8px #925f006b}.display-page.light .token-list button.active,.display-page.light .stage-progress-top .steps button.current span,.display-page.light .output-token-list button.active,.display-page.light .timeline>.nav .reveal-button{color:#fff}.display-page.light .legal-example,.display-page.light .calculation-desk,.display-page.light .probability-inspector{border-color:#aaa397}@media(max-width:900px){.tablet-link{width:40px;padding:0;justify-content:center;font-size:0}}.route-loading{min-height:100vh;display:grid;place-content:center;gap:.7rem;text-align:center}.route-loading strong{color:var(--bone);font:300 2.4rem Fraunces,serif}.teacher-page{min-height:100vh;padding:clamp(1.5rem,4vw,4rem);color:var(--bone);background:var(--black)}.teacher-page>header{display:flex;align-items:center;justify-content:space-between}.teacher-page>header>a{color:var(--gold);font-size:.75rem;text-decoration:none}.teacher-hero{width:min(1080px,100%);margin:clamp(3rem,8vh,7rem) auto 2rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);align-items:center;gap:clamp(2rem,7vw,7rem)}.teacher-hero h1{margin:.7rem 0 1rem;font:300 clamp(3rem,7vw,6rem)/.92 "Fraunces",serif}.teacher-hero h1 em{color:var(--gold);font-weight:300}.teacher-hero p{max-width:38rem;color:var(--muted);font-size:1.05rem;line-height:1.65}.teacher-qr{border:1px solid color-mix(in srgb,var(--gold) 50%,var(--line));border-radius:18px;padding:1.25rem;display:grid;justify-items:center;gap:.7rem;background:var(--panel);box-shadow:0 28px 80px #00000047}.teacher-qr>span{color:var(--gold);font:600 .62rem JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.teacher-qr img,.qr-placeholder{width:min(100%,290px);aspect-ratio:1;border-radius:10px;background:#f4f0e8}.teacher-qr strong{color:var(--bone);font:600 1.15rem JetBrains Mono,monospace;letter-spacing:.12em}.teacher-qr small{color:var(--muted)}.teacher-links{width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.teacher-link-card{min-width:0;border:1px solid var(--line);border-radius:14px;padding:1.2rem;display:grid;gap:1rem;background:var(--panel)}.teacher-link-card>div:first-child{display:flex;align-items:center;gap:.8rem;color:var(--gold)}.teacher-link-card>div:first-child span{display:grid;gap:.18rem}.teacher-link-card>div:first-child strong{color:var(--bone)}.teacher-link-card>div:first-child small{color:var(--muted)}.teacher-link-card code{overflow:hidden;color:var(--muted);font:500 .63rem JetBrains Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.teacher-link-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.teacher-link-actions .button{min-height:44px;justify-content:center;text-decoration:none}.teacher-link-actions svg{width:17px}@media(max-width:700px){.teacher-hero,.teacher-links{grid-template-columns:1fr}.teacher-hero{margin-top:3rem}.teacher-qr{width:min(100%,340px);margin:auto}}.input-count{margin:.55rem .2rem 1.1rem;display:flex;justify-content:space-between;gap:1rem;color:var(--muted)}.input-count small:first-child{color:var(--gold-soft)}.token-ribbon{position:absolute;z-index:4;left:22%;right:26%;top:19%;padding:.65rem .75rem;border:1px solid color-mix(in srgb,var(--gold) 28%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--panel) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.token-ribbon-heading{margin-bottom:.45rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.token-ribbon-heading span{color:var(--gold);font:600 .59rem JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.token-ribbon-heading small{overflow:hidden;color:var(--muted);font:500 .54rem JetBrains Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.token-ribbon>div:last-child{display:flex;gap:.35rem;overflow-x:auto;padding:.12rem 0 .25rem;scrollbar-width:thin}.token-ribbon button{min-width:48px;height:38px;border:1px solid var(--line);border-radius:8px;padding:.25rem .45rem;display:grid;place-items:center;color:var(--bone);background:var(--panel);cursor:pointer}.token-ribbon button span{max-width:7rem;overflow:hidden;font:600 .68rem JetBrains Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.token-ribbon button small{color:var(--muted);font:500 .48rem JetBrains Mono,monospace}.token-ribbon button.active{border-color:var(--gold);color:var(--black);background:var(--gold);box-shadow:0 0 20px #d9a44152;transform:translateY(-1px)}.token-ribbon button.active small{color:#0a0c10ad}.explanation-panel{top:23%;bottom:18%;width:clamp(320px,24vw,440px)}.explanation-panel h2{margin-bottom:.6rem;font-size:clamp(1.65rem,2.25vw,2.7rem)}.explanation-panel>p{font-size:clamp(.82rem,.9vw,.94rem);line-height:1.48}.legal-example{margin-top:.75rem;padding:.7rem .85rem}.legal-example p{margin-top:.35rem;font-size:.76rem;line-height:1.4}.stage-evidence{margin-top:.65rem}.calculation-desk{margin-top:.65rem;padding-top:.6rem;border-top:1px solid var(--line);display:grid;gap:.5rem}.calculation-title{display:flex;align-items:center;gap:.5rem}.calculation-title span{color:var(--muted);font:500 .56rem JetBrains Mono,monospace;letter-spacing:.07em;text-transform:uppercase}.calculation-title strong{max-width:10rem;overflow:hidden;color:var(--gold);font:700 .72rem JetBrains Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.plain-calculation{display:flex;flex-wrap:wrap;align-items:center;gap:.38rem;color:var(--muted);font-size:.68rem}.plain-calculation code{padding:.25rem .4rem;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));border-radius:5px;color:var(--gold-soft);background:var(--panel);font:600 .66rem JetBrains Mono,monospace}.plain-calculation p{width:100%;margin:0;color:var(--muted);line-height:1.4}.vector-preview{min-width:0;display:grid;gap:.25rem}.vector-preview small{color:var(--muted);font:500 .53rem JetBrains Mono,monospace}.vector-preview code{overflow:hidden;color:var(--gold-soft);font:600 .62rem JetBrains Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.vector-pair{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.45rem}.relation-list,.candidate-list{display:grid;gap:.32rem}.relation-list>div,.candidate-list>div{display:grid;grid-template-columns:minmax(4rem,7rem) 1fr 2rem;align-items:center;gap:.4rem;color:var(--muted);font:500 .56rem JetBrains Mono,monospace}.relation-list span,.candidate-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relation-list i,.candidate-list i{height:5px;background:var(--raised)}.relation-list b,.candidate-list b{height:100%;display:block;background:var(--gold);box-shadow:0 0 8px #d9a44159}.relation-list strong,.candidate-list strong{text-align:right}.candidate-list span small{color:var(--muted);font-size:.48rem}.chosen-token{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.18rem .6rem}.chosen-token span{color:var(--muted);font:500 .58rem JetBrains Mono,monospace;text-transform:uppercase}.chosen-token strong{color:var(--gold);font:300 1.8rem Fraunces,serif}.chosen-token small{grid-column:1 / -1;color:var(--muted);font:500 .54rem JetBrains Mono,monospace}@media(max-width:900px){.token-ribbon{left:12%;right:12%;top:18%}}@media(max-width:620px){.input-count{align-items:flex-end}.token-ribbon{left:1rem;right:1rem;top:14%}.token-ribbon-heading small{display:none}.explanation-panel{left:1rem;right:1rem;top:auto;bottom:19%;width:auto}}@media(max-height:780px)and (min-width:701px){.token-column{top:27%;bottom:14%}.token-column .scene-controls-hint{margin-top:.45rem;padding-top:.45rem}.explanation-panel{top:25%;bottom:15%}}@media(max-height:680px)and (min-width:701px){.token-column .scene-controls-hint{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}