@font-face{font-family:PortSans;src:url('assets/fonts/sans.ttf') format('truetype');font-display:swap}@font-face{font-family:PortPixel;src:url('assets/fonts/pixel.ttf') format('truetype');font-display:swap}@font-face{font-family:PortMono;src:url('assets/fonts/mono.ttf') format('truetype');font-display:swap}
:root{--bg:#101a2b;--panel:#152338;--line:#2b3b50;--ink:#f0eee5;--muted:#9caabd;--blue:#aac9f2;--mint:#abd8c8;--amber:#e7b176;--paper:#eeeee5;--dark:#223345;--mono:PortMono,monospace;--sans:PortSans,Arial,sans-serif;--pixel:PortPixel,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button{color:inherit}img,svg{display:block}::selection{color:#101a2b;background:var(--mint)}.section-wrap{width:calc(100% - 88px);max-width:1240px;margin-inline:auto}.header{border-bottom:1px solid var(--line);background:#101a2bf2;position:relative;z-index:5}.header-inner{width:calc(100% - 88px);max-width:1320px;height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:11px;align-items:center}.brand>span{font:36px/1 var(--pixel);letter-spacing:-1.5px}.brand-dot{color:var(--blue)}.brand small{font:8px/1.65 var(--mono);letter-spacing:1px;max-width:45px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;margin-left:6px}.header nav{display:flex;gap:30px;align-items:center;font-size:13px;color:#a5b4c7}.header nav a:hover,.header nav a.active{color:var(--ink)}.header nav a.active:before{content:'';display:inline-block;width:4px;height:4px;background:var(--mint);margin:0 8px 2px 0}.header-actions{display:flex;gap:22px;align-items:center}.guide{border:0;background:transparent;font-size:12px;color:#a5b4c7;padding:0}.guide span{margin-left:7px;color:var(--blue)}.button{border:1px solid transparent;border-radius:5px;font-size:12px;font-weight:600;min-height:39px;padding:9px 15px;display:inline-flex;gap:25px;align-items:center}.primary{background:var(--blue);color:#14243b;box-shadow:0 3px 0 #6586b1;transition:background .15s}.primary:hover{background:#d2e4fb}.primary:active{transform:translateY(2px);box-shadow:0 1px 0 #6586b1}.station{padding-top:40px}.station-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.eyebrow{display:flex;gap:9px;align-items:center;font:9px/1.5 var(--mono);letter-spacing:1.15px;color:#9caec4}.eyebrow i{width:5px;height:5px;background:var(--mint);box-shadow:0 0 0 3px #abd8c813}.station h1{font:60px/.98 var(--pixel);font-weight:500;letter-spacing:-2.3px;margin:15px 0 0}.station h1>span{color:var(--blue)}.intro-right{max-width:270px;padding-bottom:5px}.intro-right p{font-size:13px;line-height:1.75;color:#9eafc4;margin:0 0 15px}.text-link{display:inline-flex;align-items:center;gap:50px;font-size:12px;border-bottom:1px solid #60758d;padding-bottom:5px}.text-link span{color:var(--blue)}.station-window{border:1px solid #405671;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 14px 50px #030a1524;background:#101b2c}.window-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:46px;background:#19293e;border-bottom:1px solid #314862;padding:0 20px;color:#b0bfd1;font:9px var(--mono);letter-spacing:.5px}.window-bar>span{display:flex;align-items:center;gap:9px}.window-bar>span>i{width:5px;height:5px;background:#c4d8e5}.window-bar b{color:#657e99;font-weight:400;margin-left:6px}.window-bar>div{display:flex;align-items:center;gap:22px}.window-bar button{font:9px var(--mono);border:0;background:transparent;padding:8px 0;white-space:nowrap;color:#b7c8dc}.window-bar button:hover{color:white}.window-bar button>span{margin-left:7px;color:var(--blue)}.window-bar button .light-icon{margin:0 7px 0 0;font-size:12px;color:var(--amber)}.scene-stage{max-width:1040px;margin:auto;position:relative;background:#101b2c}#stationCanvas{display:block;width:100%;height:auto;aspect-ratio:2/1;image-rendering:pixelated;touch-action:pan-y}.scene-caption{min-height:35px;padding:8px 20px;border-top:1px solid #253b50;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#88a1bd;font:8px/1.5 var(--mono);letter-spacing:.2px}.scene-caption>span:first-child{display:flex;align-items:center;gap:8px}.scene-caption i{width:4px;height:4px;background:var(--mint)}.scene-caption>span:last-child{color:#5f7a97;font-size:7px}.scene-caption b{color:var(--blue);margin-left:14px;font-weight:400}.selected-agent{display:flex;align-items:center;gap:26px;padding:20px 24px;background:var(--paper);color:var(--dark);border-radius:0 0 7px 7px;min-height:100px}.selected-id{display:flex;align-items:center;gap:20px;min-width:158px}.selected-id>span{font:11px var(--mono);color:#80929e;border-right:1px solid #bcc8ce;padding-right:18px;align-self:stretch;display:flex;align-items:center}.selected-id small{font:8px var(--mono);letter-spacing:.5px;color:#687f8e;display:block}.selected-id h2{font:36px/1.1 var(--pixel);margin:4px 0 0;font-weight:500;letter-spacing:-1px}.selected-copy p{margin:0 0 6px;font-size:12px;color:#506b7a}.selected-copy code{font:9px var(--mono);color:#7d929b}.agent-switch{display:flex;gap:5px;margin-left:auto}.agent-switch button{border:1px solid transparent;background:none;border-radius:5px;padding:8px 11px;font:11px var(--sans);color:#607888;display:flex;align-items:center;gap:7px}.agent-switch button.selected{color:#243b4a;background:#d4dfdf;border-color:#b9cccc}.agent-switch i{width:6px;height:6px;display:block}.pip-dot{background:#6aa68d}.byte-dot{background:#739bcc}.mox-dot{background:#c99455}.agent-action{border:0;background:transparent;border-left:1px solid #bac8ca;padding:12px 0 12px 22px;color:#2d4e60;font:11px var(--sans);white-space:nowrap}.agent-action span{margin-left:25px}.crew-section{padding:92px 0 83px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:33px}.section-heading h2{font:43px/1.04 var(--pixel);font-weight:500;letter-spacing:-1.3px;margin:16px 0 0}.section-heading h2>span{color:var(--amber)}.section-heading>p{margin:0 4px 4px 0;font-size:12px;line-height:1.85;color:#9aacbf}.crew-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.crew-card{background:#17263b;color:var(--ink);border:1px solid #344a64;border-radius:6px;text-align:left;padding:22px 24px 0;position:relative;overflow:hidden;transition:border-color .15s,background .15s}.crew-card:hover{background:#1d3048;border-color:#7b9bbd}.crew-card.selected{border-color:#9fcbbc;box-shadow:inset 0 3px 0 #9fcbbc}.card-top{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.7px;color:#93a8bf}.card-top b{font-size:16px;line-height:.8;font-weight:400;color:#9db7cc}.portrait{height:153px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,#9ddbc611,transparent 65%)}.portrait:after{content:'';position:absolute;bottom:16px;width:88px;height:8px;background:#050f1f80;border-radius:50%}.portrait svg{width:122px;height:111px;image-rendering:pixelated;position:relative;z-index:1;transition:transform .2s}.crew-card:hover .portrait svg{transform:translateY(-5px)}.byte-portrait{background:radial-gradient(ellipse at center,#8abaff15,transparent 65%)}.mox-portrait{background:radial-gradient(ellipse at center,#eab26613,transparent 65%)}.card-name{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-name h3{font:33px/1 var(--pixel);margin:0;letter-spacing:-1px;font-weight:500}.card-name h3>span{color:#6b8b9a}.card-name>span{font:7px var(--mono);letter-spacing:.9px;color:#93a9c0}.crew-card>p{font:12px/1.8 var(--sans);color:#b0bccb;margin:16px 0 24px}.card-foot{border-top:1px solid #334a63;padding:14px 0 15px;display:flex;justify-content:space-between;gap:8px;align-items:center;color:#7f9bb8}.card-foot code{font:8px var(--mono)}.card-foot>span{font:7px var(--mono);letter-spacing:.4px;color:#b3c8dc}.workbench-section{background:var(--paper);color:var(--dark);padding:72px 0 30px}.workbench-section .eyebrow{color:#698291}.workbench-section .section-heading h2{font-size:43px;color:#263a48}.workbench-section .section-heading h2>span{color:#6e9aa9}.workbench-section .section-heading>p{color:#728996}.workbench-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);border:1px solid #bfcbd0;background:#f5f4ed;border-radius:7px;overflow:hidden}.lookup-panel{padding:0 26px;min-width:0}.bench-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font:8px var(--mono);letter-spacing:.5px;color:#7c909b;border-bottom:1px solid #cbd5d6;padding:18px 0}.bench-top>span:first-child{display:flex;gap:7px;align-items:center;color:#54717e}.bench-top i{width:5px;height:5px;background:#6eaa96}.lookup-panel form{padding-top:25px}.lookup-panel label{font-size:14px;display:block;margin-bottom:12px;font-weight:600;color:#344b59}.mint-entry{display:flex;min-height:46px;border:1px solid #9aafb9;background:#fffefa;border-radius:4px;overflow:hidden}.mint-entry input{min-width:0;width:100%;border:0;background:transparent;padding:12px 14px;font:10px var(--mono);color:#304a59}.mint-entry input::placeholder{color:#82959d}.mint-entry button{font:11px var(--sans);background:#34566c;color:#f1f4ee;padding:10px 16px;border:0;display:flex;align-items:center;gap:20px}.mint-entry button:hover{background:#26495f}.lookup-status{display:flex;justify-content:space-between;gap:15px;align-items:start;padding:12px 0}.lookup-status p{font:9px/1.6 var(--mono);color:#81959d;margin:0;overflow-wrap:anywhere}.lookup-status button{font:9px var(--mono);background:transparent;border:0;color:#527789;padding:2px 0;white-space:nowrap}.lookup-status p.error{color:#9e594b}.lookup-status p.success{color:#4e7d6a}.record-empty{min-height:205px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px 0 35px}.record-empty>span{font:42px/1.3 var(--pixel);color:#a5b5b9;letter-spacing:3px;margin-bottom:15px}.record-empty h3{font-size:14px;margin:0 0 9px;font-weight:500;color:#516b78}.record-empty p{font-size:11px;margin:0;color:#91a1a7}.record-controls{padding:16px 0;border-top:1px solid #cbd5d6;display:flex;gap:22px;align-items:center;font-size:10px}.record-controls button{border:0;background:transparent;padding:2px 0;color:#547787;font-size:10px}.record-controls a{margin-left:auto;color:#8a9ca5;font-size:9px}.memory-panel{background:#e1e7e3;border-left:1px solid #bfcbd0;padding:0 24px;min-width:0}.memory-panel>h3{font:29px/1.05 var(--pixel);font-weight:500;letter-spacing:-.7px;margin:26px 0 12px;color:#36515d}.memory-panel>h3 span{color:#6b948b}.memory-intro{font-size:11px;color:#80958e;line-height:1.8;max-width:260px;margin-bottom:22px}.memory-empty{font:10px/1.8 var(--mono);color:#8ba19b;padding:17px 0 25px;border-top:1px dashed #b7c7c0}.saved-row{display:flex;align-items:center;border-top:1px solid #bacdc4;gap:12px}.saved-open{display:flex;align-items:center;justify-content:space-between;text-align:left;min-width:0;width:100%;gap:10px;background:none;border:0;padding:13px 0;color:#33564f}.saved-open strong{font:18px var(--pixel);letter-spacing:-.5px}.saved-open small{display:block;font:8px var(--mono);color:#819a90;margin-top:4px;overflow-wrap:anywhere}.saved-remove{background:none;border:0;font-size:18px;padding:5px;color:#7c988e}.source-note{display:flex;align-items:start;gap:9px;border-top:1px solid #becdc5;margin-top:20px;padding:15px 0 20px;color:#7d978a}.source-note i{display:block;width:4px;height:4px;flex-shrink:0;background:#719a84;margin-top:7px}.source-note p{font-size:10px;line-height:1.75;margin:0}.bench-foot{display:flex;justify-content:space-between;padding:20px 1px 0;color:#899ba1;font:7px var(--mono);letter-spacing:.8px}.token-header{display:flex;align-items:center;gap:15px;border-bottom:1px solid #d1dadb;margin:10px 0 22px;padding:16px 0}.token-header h3{font:29px var(--pixel);font-weight:500;letter-spacing:-1px;margin:0;color:#2b4655;overflow-wrap:anywhere}.token-header h3 small{font:11px var(--mono);letter-spacing:0;margin-left:9px;color:#7a929f}.token-header>span,.token-header>small{font:8px var(--mono);color:#7d939d;margin-left:auto;max-width:160px;text-align:right}.record-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;margin-bottom:20px}.metric{min-width:0}.metric span{display:block;font:8px var(--mono);color:#7c929d;margin-bottom:6px;text-transform:uppercase}.metric strong{display:block;font:22px var(--pixel);font-weight:500;letter-spacing:-.5px;color:#315260;overflow-wrap:anywhere}.source-line{font:8px/1.9 var(--mono);color:#8a9ca5;margin:14px 0;overflow-wrap:anywhere}.source-line a{color:#4c7488;text-decoration:underline;text-underline-offset:3px}.footer{min-height:108px;display:flex;align-items:center;gap:35px}.footer>.brand>span{font-size:31px}.footer>span{font:8px var(--mono);letter-spacing:.4px;color:#6c87a2}.footer time{font:9px var(--mono);color:#8098b2;margin-left:auto}.footer>a:last-child{font-size:11px;color:#a6bad0}dialog{background:#f0f1e8;color:#29404c;padding:28px 32px;max-width:560px;width:calc(100% - 38px);border:1px solid #9aafba;border-radius:7px;box-shadow:0 25px 110px #02081099}dialog::backdrop{background:#061321b8;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b8c7ca;padding-bottom:15px;font:9px var(--mono);letter-spacing:.7px;color:#76929e}.dialog-head button{font-size:25px;line-height:1;background:none;border:0;color:#466675;padding:0 0 0 20px}dialog h2{font:35px var(--pixel);font-weight:500;letter-spacing:-1px;margin:22px 0}dialog ol{padding-left:20px}dialog li{padding:0 0 17px 9px;font-size:13px}dialog li strong{display:block;margin-bottom:4px;font-weight:600}dialog li span{font-size:12px;color:#6d8792;line-height:1.8;display:block}.guide-note{font-size:11px;line-height:1.9;color:#8598a0;border-top:1px solid #c6d0cf;padding-top:16px}.guide-keys{font:8px var(--mono);color:#8c9d9f;display:flex;gap:8px;align-items:center;margin-top:22px}.guide-keys>span:first-child{margin-right:8px}kbd{font:10px var(--mono);border:1px solid #a9bcc0;padding:3px 6px;color:#5c7986}.guide-keys>span:last-child{margin-left:auto;font-size:7px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#d8e7df;border:1px solid #92b6a2;box-shadow:0 8px 30px #030d1c66;border-radius:5px;padding:12px 20px;color:#2c5149;font:11px var(--mono);max-width:calc(100% - 30px);z-index:20;transition:opacity .2s,transform .2s}.toast.visible,.toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-100px;left:20px;background:var(--blue);color:#18283b;padding:12px 20px;z-index:100}.skip:focus{top:15px}[hidden]{display:none!important}
@media(min-width:1500px){.section-wrap{max-width:1320px}.scene-stage{max-width:1120px}.station h1{font-size:68px}.station-intro{margin-bottom:35px}.header-inner{max-width:1400px}.intro-right{max-width:310px}.intro-right p{font-size:14px}}
@media(max-width:1100px){.section-wrap,.header-inner{width:calc(100% - 48px)}.header-inner{height:76px;gap:20px}.header nav{gap:22px;font-size:12px}.header-actions{gap:17px}.guide{display:none}.button{font-size:11px;gap:20px}.brand small{display:none}.station{padding-top:31px}.station h1{font-size:56px}.intro-right{max-width:255px}.selected-agent{gap:18px;padding:18px 20px}.selected-id{min-width:125px;gap:14px}.selected-id>span{padding-right:14px}.selected-copy p{font-size:11px}.agent-switch button{padding:7px 8px}.agent-action{font-size:10px;padding-left:18px}.agent-action span{margin-left:13px}.crew-card{padding:20px 20px 0}.card-top{font-size:7px}.card-name>span{font-size:6px}.card-foot code{font-size:7px}.card-foot>span{font-size:6px}.crew-card>p{font-size:11px}.lookup-panel{padding:0 22px}.memory-panel{padding:0 21px}.mint-entry button{padding-inline:13px;gap:14px}.mint-entry input{font-size:9px}.record-controls{gap:17px}.footer{gap:25px}.footer>span{font-size:7px}}
@media(max-width:800px){.section-wrap,.header-inner{width:calc(100% - 36px)}.header-inner{height:72px;gap:15px}.brand>span{font-size:31px}.brand img{width:26px;height:29px}.header nav{gap:18px;font-size:11px}.header-actions .button{font-size:10px;padding:8px 10px;min-height:35px;gap:13px}.station{padding-top:29px}.station-intro{gap:25px;margin-bottom:25px}.station h1{font-size:50px}.eyebrow{font-size:8px;letter-spacing:.6px}.intro-right{max-width:230px}.intro-right p{font-size:12px;line-height:1.7}.text-link{font-size:11px;gap:34px}.window-bar{padding:0 15px;min-height:42px;font-size:8px}.window-bar>div{gap:15px}.window-bar button{font-size:8px}.window-bar b{display:none}.scene-caption{padding-inline:15px;font-size:7px;min-height:34px}.scene-caption>span:last-child{font-size:6px}.selected-agent{flex-wrap:wrap;gap:15px 22px;padding:17px 19px}.selected-id{min-width:120px}.selected-copy{flex:1}.selected-id h2{font-size:31px}.selected-id small{font-size:7px}.selected-copy p{font-size:11px}.selected-copy code{font-size:8px}.agent-switch{margin-left:0;padding-left:0}.agent-switch button{font-size:10px;padding:7px 12px}.agent-action{margin-left:auto;border-left:0}.crew-section{padding:64px 0}.section-heading h2,.workbench-section .section-heading h2{font-size:36px}.section-heading>p{font-size:11px}.crew-grid{gap:11px}.crew-card{padding:17px 15px 0}.card-top{font-size:6px;letter-spacing:.3px}.portrait{height:127px}.portrait svg{width:105px;height:96px}.portrait:after{bottom:11px}.card-name{display:block}.card-name h3{font-size:30px}.card-name>span{display:block;margin-top:8px;font-size:6px}.crew-card>p{font-size:10px;line-height:1.85;margin-top:13px}.card-foot code{font-size:6px}.card-foot>span{display:none}.workbench-section{padding:55px 0 23px}.workbench-grid{grid-template-columns:1.5fr 1fr}.lookup-panel{padding:0 19px}.bench-top{font-size:7px}.lookup-panel label{font-size:13px}.mint-entry{flex-wrap:wrap}.mint-entry input{flex-basis:100%;padding:12px;font-size:9px}.mint-entry button{width:100%;justify-content:space-between;font-size:10px;padding:10px 13px}.lookup-status{gap:12px}.lookup-status p,.lookup-status button{font-size:8px}.memory-panel{padding:0 18px}.memory-panel>h3{font-size:26px}.memory-intro{font-size:10px}.memory-empty{font-size:8px}.record-controls{gap:16px;flex-wrap:wrap}.record-controls button{font-size:9px}.record-controls a{font-size:8px}.record-empty{min-height:205px}.record-empty h3{font-size:12px}.record-empty p{font-size:10px}.source-note p{font-size:9px}.token-header h3{font-size:25px}.token-header h3 small{font-size:9px}.metric strong{font-size:21px}.metric span{font-size:7px}.footer{gap:21px;min-height:96px}.footer>span{display:none}.footer time{font-size:8px}.footer>a:last-child{font-size:10px}.bench-foot{font-size:6px;letter-spacing:.3px}}
@media(max-width:540px){html{scroll-padding-top:25px}.section-wrap,.header-inner{width:calc(100% - 30px)}.header-inner{height:auto;min-height:74px;display:grid;grid-template-columns:1fr auto;padding:15px 0 0;gap:0 15px}.brand{gap:8px}.brand>span{font-size:31px}.brand img{width:26px;height:28px}.header nav{grid-row:2;grid-column:1/-1;justify-content:flex-start;gap:28px;padding:17px 0 13px;font-size:11px}.header-actions{grid-column:2;grid-row:1}.header-actions .button{font-size:10px;min-height:33px;padding:7px 10px;gap:15px}.station{padding-top:27px}.station-intro{display:block;margin-bottom:22px}.station h1{font-size:48px;line-height:.99;letter-spacing:-1.8px;margin-top:13px}.station .eyebrow{font-size:7px;letter-spacing:.5px}.intro-right{max-width:none;padding:0;display:flex;justify-content:space-between;gap:22px;align-items:end;margin-top:20px}.intro-right p{font-size:11px;max-width:220px;margin:0;line-height:1.8}.intro-right .text-link{font-size:10px;gap:15px;white-space:nowrap;margin-bottom:4px}.window-bar{min-height:40px;padding:0 11px;gap:12px;font-size:6px;letter-spacing:.25px}.window-bar>span{gap:6px}.window-bar>div{gap:12px}.window-bar button{font-size:6px;letter-spacing:0}.window-bar button>span{margin-left:3px}.window-bar button .light-icon{font-size:10px;margin-right:3px}.window-bar>span>i{width:4px;height:4px}.scene-stage{overflow:hidden;width:100%;height:284px}#stationCanvas{height:284px;width:568px;max-width:none;position:relative;left:50%;transform:translateX(-50%)}.scene-caption{padding:8px 11px;min-height:32px;font-size:6px;gap:10px}.scene-caption>span:last-child{font-size:5px;max-width:125px;text-align:right}.scene-caption b{display:none}.scene-caption i{width:3px;height:3px}.selected-agent{padding:16px 14px;gap:14px 15px}.selected-id{min-width:105px;gap:11px}.selected-id>span{font-size:9px;padding-right:11px}.selected-id small{font-size:6px}.selected-id h2{font-size:31px}.selected-copy p{font-size:10px;line-height:1.6;margin-bottom:4px;max-width:200px}.selected-copy code{font-size:7px}.agent-switch{gap:0}.agent-switch button{font-size:9px;padding:7px 9px;gap:6px}.agent-switch i{width:5px;height:5px}.agent-action{font-size:9px;padding:8px 0}.agent-action span{margin-left:11px}.crew-section{padding:48px 0}.section-heading{display:block;margin-bottom:25px}.section-heading h2,.workbench-section .section-heading h2{font-size:34px;letter-spacing:-.9px;margin-top:13px}.section-heading .eyebrow{font-size:7px}.section-heading>p{font-size:11px;margin:17px 0 0;line-height:1.8}.crew-grid{grid-template-columns:1fr;gap:13px}.crew-card{display:grid;grid-template-columns:115px 1fr;column-gap:16px;padding:17px 18px 0}.card-top{grid-column:1/-1;font-size:7px;letter-spacing:.6px}.portrait{grid-row:2/4;height:135px}.portrait svg{width:114px;height:103px}.portrait:after{bottom:7px}.card-name{align-self:end;padding-top:20px}.card-name h3{font-size:33px}.card-name>span{font-size:7px;margin-top:8px}.crew-card>p{margin:13px 0 15px;font-size:11px;line-height:1.7}.card-foot{grid-column:1/-1;padding:13px 0}.card-foot code{font-size:8px}.card-foot>span{display:block;font-size:7px}.workbench-section{padding:43px 0 21px}.workbench-grid{grid-template-columns:1fr}.lookup-panel{padding:0 18px}.bench-top{font-size:7px;padding:16px 0}.lookup-panel form{padding-top:22px}.lookup-panel label{font-size:13px;margin-bottom:11px}.mint-entry{flex-wrap:nowrap;min-height:44px}.mint-entry input{flex-basis:auto;font-size:8px;padding:12px 10px}.mint-entry button{width:auto;gap:12px;font-size:10px;padding:10px 13px;white-space:nowrap}.lookup-status{padding-top:13px}.lookup-status p,.lookup-status button{font-size:8px}.record-empty{min-height:204px;padding:16px 0 29px}.record-empty>span{font-size:37px}.record-empty h3{font-size:13px}.record-empty p{font-size:10px}.record-controls{padding:15px 0;gap:21px}.record-controls button{font-size:9px}.record-controls a{font-size:8px}.memory-panel{border-top:1px solid #bfcbd0;border-left:0;padding:0 18px}.memory-panel>h3{font-size:28px;line-height:1.03;margin:22px 0 12px}.memory-intro{font-size:11px;max-width:none}.memory-empty{font-size:9px;padding-bottom:20px}.source-note{margin-top:12px}.source-note p{font-size:10px}.saved-open strong{font-size:21px}.saved-open small{font-size:8px}.source-line{font-size:8px}.metric strong{font-size:23px}.record-metrics{gap:22px}.bench-foot{font-size:5px;letter-spacing:.2px;gap:20px;line-height:1.8;padding-top:17px}.bench-foot>span:last-child{text-align:right}.footer{min-height:92px;gap:16px}.footer>.brand>span{font-size:28px}.footer .brand img{width:24px;height:26px}.footer time{font-size:7px}.footer>a:last-child{font-size:9px}.toast{font-size:9px;padding:12px 15px;bottom:19px}dialog{padding:21px 22px}.dialog-head{font-size:8px}dialog h2{font-size:31px;line-height:1.1}.guide-keys{font-size:7px;gap:6px}.guide-keys>span:last-child{font-size:5px}.guide-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Operational copy stays readable; the fine scale belongs to decorative labels. */
.footer>button{background:none;border:0;padding:8px 0;font-size:11px;color:#a6bad0}
.window-bar button{font-size:10px;min-height:40px}.lookup-status p{color:#617b86}.record-empty p{color:#657e89}.source-line{color:#607a85}.memory-intro{color:#607b6e}.source-note{color:#5f7d6a}.record-controls a{color:#607b87}.memory-empty{color:#5e7c6c}.source-line{font-size:10px}.saved-open>span{min-width:0}.saved-open small{line-height:1.7}.source-note p{overflow-wrap:anywhere}.token-header{align-items:start}.token-header p{font:9px/1.7 var(--mono);color:#657e89;margin:6px 0 0;overflow-wrap:anywhere}.lookup-status p,.lookup-status button,.record-controls button{font-size:10px}
@media(max-width:540px){.scene-stage{height:auto}.scene-stage #stationCanvas{width:100%;height:auto;left:0;transform:none;aspect-ratio:2/1}.window-bar{flex-wrap:wrap;padding:6px 11px;gap:0 14px}.window-bar>span{font-size:8px;min-height:24px}.window-bar>div{margin-left:auto;gap:17px}.window-bar button{font-size:10px;min-height:37px}.scene-caption{font-size:8px}.scene-caption>span:last-child{display:none}.agent-switch button{font-size:11px;min-height:35px}.agent-action{font-size:10px}.selected-id small{font-size:8px}.selected-copy code{font-size:8px}.selected-copy p{font-size:11px}.card-top{font-size:9px}.card-name>span{font-size:8px}.card-foot code{font-size:9px}.card-foot>span{font-size:8px}.bench-top{font-size:9px}.mint-entry input{font-size:10px}.record-controls a{font-size:9px}.source-line{font-size:10px}.source-note p{font-size:11px}.saved-open small{font-size:9px}.bench-foot{font-size:7px}.footer time{font-size:8px}}
/* A light, friendly workshop by default; the night shift is still one click away. */
body[data-shift="day"]{--bg:#f5f3e8;--panel:#edf0e2;--ink:#254d50;--muted:#647f74;--blue:#417e81;--line:#ccd4c5;--paper:#e9eddf;--dark:#284d4e}
body[data-shift="day"] .header{background:#f5f3e8f5}body[data-shift="day"] .header nav{color:#69827a}body[data-shift="day"] .header nav a:hover,body[data-shift="day"] .header nav a.active{color:#2b5556}body[data-shift="day"] .header nav a.active:before{background:#739b8b}body[data-shift="day"] .brand small{color:#69827a}body[data-shift="day"] .primary{background:#397b7c;color:#fffdf1;box-shadow:3px 3px 0 #c1cebb;border-color:#397b7c}body[data-shift="day"] .primary:hover{background:#2b6467}body[data-shift="day"] .guide{color:#69827a}body[data-shift="day"] .eyebrow{color:#6d8c7e}body[data-shift="day"] .eyebrow i{background:#6c9988;box-shadow:0 0 0 3px #729e8812}body[data-shift="day"] .intro-right p{color:#6e857b}body[data-shift="day"] .text-link{border-color:#a8bbae}body[data-shift="day"] .station-window{border-color:#b3c5b9;box-shadow:0 13px 35px #5c7c6710;background:#e8eddf}body[data-shift="day"] .scene-stage{background:#e8eddf}body[data-shift="day"] .window-bar{background:#e8eddf;border-color:#c0cfc1;color:#668c7f}body[data-shift="day"] .window-bar>span>i{background:#7ba38e}body[data-shift="day"] .window-bar b{color:#809c8e}body[data-shift="day"] .window-bar button{color:#567f72}body[data-shift="day"] .window-bar button:hover{color:#2c665b}body[data-shift="day"] .scene-caption{border-color:#c0cfc1;color:#6a8d7e}body[data-shift="day"] .scene-caption>span:last-child{color:#789582}body[data-shift="day"] .scene-caption i{background:#729d86}body[data-shift="day"] .selected-agent{background:#e7eddc;border:1px solid #b3c5b9;border-top:0}body[data-shift="day"] .agent-switch button.selected{background:#ccdfcb;border-color:#9fbfa9;color:#2b5d50}body[data-shift="day"] .section-heading>p{color:#718a7f}body[data-shift="day"] .crew-card{background:#f9f7ec;border-color:#c3d1bf;color:#2b5552}body[data-shift="day"] .crew-card:hover{background:#eef2e4;border-color:#85aa93}body[data-shift="day"] .crew-card.selected{border-color:#86aa91;box-shadow:inset 0 3px 0 #86aa91}body[data-shift="day"] .card-top{color:#658977}body[data-shift="day"] .card-top b{color:#739982}body[data-shift="day"] .card-name>span{color:#729581}body[data-shift="day"] .card-name h3>span{color:#84a594}body[data-shift="day"] .crew-card>p{color:#6c897b}body[data-shift="day"] .card-foot{border-color:#d0d9c9;color:#729482}body[data-shift="day"] .card-foot>span{color:#658b78}body[data-shift="day"] .portrait:after{background:#a7bca140}body[data-shift="day"] .workbench-section{background:#e9eddf;border-top:1px solid #ced9c7;border-bottom:1px solid #ced9c7}body[data-shift="day"] .footer>span,body[data-shift="day"] .footer time{color:#6d8c7b}body[data-shift="day"] .footer>a:last-child,body[data-shift="day"] .footer>button{color:#527e6b}
@media(min-width:901px){.station{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.37fr);gap:0 35px;padding-top:65px;align-items:center}.station-intro{grid-column:1;grid-row:1/3;display:block;margin:0;padding:0 0 10px;align-self:center}.station h1{font-size:59px;line-height:1.02;letter-spacing:-1.8px}.station-intro .eyebrow{font-size:8px;letter-spacing:.5px}.intro-right{margin-top:26px;max-width:295px}.intro-right p{font-size:13px;line-height:1.9;margin-bottom:24px}.station-window{grid-column:2;grid-row:1;align-self:end}.selected-agent{grid-column:2;grid-row:2;display:grid;grid-template-columns:minmax(155px,.85fr) minmax(0,1.15fr);padding:17px 18px;gap:15px 18px;align-self:start;min-width:0}.selected-id{min-width:0;gap:13px}.selected-id>span{padding-right:13px}.selected-copy{min-width:0}.selected-copy p{font-size:11px}.selected-copy code{font-size:8px}.agent-switch{margin-left:0;gap:0}.agent-switch button{padding:7px 10px;font-size:10px}.agent-action{justify-self:end;margin-left:0;border:0;padding:8px 0;font-size:10px}.agent-action span{margin-left:15px}.scene-caption{font-size:7px;padding-inline:13px}.scene-caption>span:last-child{display:none}.window-bar{padding-inline:13px;font-size:7px;gap:12px}.window-bar>div{gap:15px}.window-bar button{font-size:9px}.window-bar b{display:none}.crew-section{padding-top:78px}.scene-stage{max-width:none}}
@media(min-width:1500px){.station{gap:0 50px}.station h1{font-size:72px}.intro-right{max-width:320px}.intro-right p{font-size:14px}}
@media(max-width:1050px) and (min-width:901px){.station{gap:0 24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}.station h1{font-size:52px}.selected-agent{padding:14px 15px;gap:12px;grid-template-columns:minmax(145px,.9fr) minmax(0,1.1fr)}.selected-copy p{font-size:10px}.selected-id small{font-size:7px}.selected-id h2{font-size:30px}.agent-switch button{font-size:9px;padding:7px 9px}.agent-action{font-size:9px}.window-bar>span{font-size:6px}}
