@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";
:root{--ink:#080b12;--panel:#101721;--line:#293645;--text:#e6f4f1;--muted:#82949c;--cyan:#2de2e6;--pink:#ff4f9a;--lime:#c7f464;--orange:#ff9f43}*{box-sizing:border-box}body{min-width:320px;color:var(--text);background:#080b12;margin:0;font-family:Chakra Petch,sans-serif}body:before{content:"";pointer-events:none;opacity:.7;background:linear-gradient(115deg,#0000 0 47%,#2de2e612 47.1% 47.3%,#0000 47.4%),linear-gradient(300deg,#0000 0 72%,#ff4f9a12 72.1% 72.3%,#0000 72.4%),radial-gradient(circle at 80% 8%,#2de2e621,#0000 24rem);position:fixed;inset:0}.scanlines{z-index:10;pointer-events:none;opacity:.2;background:repeating-linear-gradient(0deg,#fff 0 1px,#0000 1px 4px);position:fixed;inset:0}.app-shell{width:min(1180px,100% - 48px);margin:auto;padding:28px 0 34px;position:relative}.topbar,.panel-heading,.console-title,footer{justify-content:space-between;align-items:center;display:flex}.brand-mark{letter-spacing:1px;align-items:center;gap:12px;display:flex}.brand-glyph{color:var(--cyan);text-shadow:0 0 12px var(--cyan);font:700 24px Space Mono}.brand-mark b{font-size:15px;display:block}.brand-mark small{color:var(--muted);margin-top:3px;font:10px Space Mono;display:block}.status-chip,.live-label{color:var(--lime);letter-spacing:1px;font:10px Space Mono}.status-dot{background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px var(--lime);border-radius:50%;margin-right:8px;display:inline-block}.hero{justify-content:space-between;align-items:center;min-height:330px;padding:76px 8% 52px 5%;display:flex}.eyebrow{color:var(--cyan);letter-spacing:2px;margin:0 0 10px;font:10px Space Mono}.hero h1{letter-spacing:1px;text-transform:uppercase;margin:0;font-size:clamp(3.5rem,9vw,7.6rem);line-height:.82}.hero h1 em{color:var(--pink);text-shadow:3px 3px #ff4f9a29;font-style:normal}.hero-intro{max-width:450px;color:var(--muted);margin:28px 0 0;font-size:16px;line-height:1.55}.promise-orbit{flex:none;width:270px;height:270px;position:relative}.orbit-ring{border:1px solid #2de2e659;border-radius:50%;position:absolute;inset:8px;transform:rotate(-22deg)skew(-8deg)}.ring-two{border-color:#ff4f9a73;inset:30px -8px;transform:rotate(60deg)skew(16deg)}.orbit-core{text-align:center;border:1px solid var(--cyan);background:#101721cc;place-content:center;display:grid;position:absolute;inset:72px;box-shadow:0 0 35px #2de2e633,inset 0 0 20px #2de2e61a}.orbit-core span{color:var(--muted);font:11px Space Mono}.orbit-core strong{color:var(--pink);font:700 17px Space Mono}.lab-grid{grid-template-columns:1.1fr .9fr .9fr;gap:14px;display:grid}.panel,.console-panel{border:1px solid var(--line);background:linear-gradient(135deg,#16202df5,#0a0f17f5);padding:25px;box-shadow:12px 12px 20px #2de2e606}.panel-heading{align-items:flex-start;gap:13px}.panel-index{color:var(--pink);font:700 13px Space Mono}.panel h2,.console-title h2{text-transform:uppercase;margin:0;font-size:20px}.live-label{border:1px solid var(--lime);margin-left:auto;padding:4px 6px;font-size:8px}.panel-copy{min-height:72px;color:var(--muted);margin:22px 0 17px;font-size:14px;line-height:1.45}.panel-copy b{color:var(--text)}.state-display{min-height:52px;color:var(--cyan);border-left:3px solid var(--cyan);background:#2de2e614;align-items:center;gap:10px;padding:0 15px;font:700 17px Space Mono;display:flex}.state-pulse{background:currentColor;width:10px;height:10px;box-shadow:0 0 14px}.state-display[data-state=fulfilled]{color:var(--lime);border-color:var(--lime);background:#c7f46414}.state-display[data-state=rejected]{color:var(--pink);border-color:var(--pink);background:#ff4f9a14}.button-row{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;display:grid}.neon-button{min-height:42px;color:var(--text);letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid;padding:10px 13px;font:700 11px Space Mono;transition:all .2s}.neon-button:hover{color:var(--ink);background:currentColor;transform:translateY(-2px);box-shadow:0 0 20px}.cyan{color:var(--cyan)}.pink{color:var(--pink)}.lime{color:var(--lime)}.orange{color:var(--orange)}.full-width{width:100%}.code-strip{color:#a9bdc1;background:#080d14;border:1px solid #1c2936;padding:13px;font:11px/1.7 Space Mono}.code-strip.compact{margin-top:16px;font-size:10px;line-height:1.6}.code-keyword{color:var(--pink)}.code-function{color:var(--cyan)}.code-string{color:var(--lime)}.code-param{color:var(--orange)}.countdown-display{justify-content:space-between;align-items:baseline;margin:8px 0 20px;display:flex}.countdown-display span{color:var(--lime);text-shadow:0 0 18px #c7f46459;font:700 76px/1 Space Mono}.countdown-display small{max-width:90px;color:var(--muted);text-align:right;font:9px/1.4 Space Mono}.progress-track{background:#26313a;height:3px;margin-top:18px}.progress-track span{background:var(--lime);width:0;height:100%;box-shadow:0 0 12px var(--lime);transition:width .3s;display:block}.pipeline{justify-content:space-between;align-items:center;min-height:115px;display:flex}.pipeline i{color:var(--muted);font-style:normal}.pipeline-node{border:1px solid var(--line);text-align:center;opacity:.55;width:28%;padding:9px 4px;transition:all .3s}.pipeline-node span,.pipeline-node small{color:var(--muted);font:8px Space Mono;display:block}.pipeline-node b{margin:7px 0;font-size:11px;display:block}.pipeline-node.active{color:var(--orange);border-color:var(--orange);opacity:1;box-shadow:0 0 16px #ff9f4333}.pipeline-node.done{color:var(--lime);border-color:var(--lime);opacity:1}.output-line{height:18px;color:var(--orange);margin:14px 0 0;font:10px Space Mono}.console-panel{margin-top:14px;padding:18px 25px}.console-title{justify-content:flex-start;gap:12px}.console-title h2{font-size:15px}.terminal-icon{color:var(--orange);font:18px Space Mono}.clear-button{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:auto;font:9px Space Mono}.clear-button:hover{color:var(--pink)}.event-log{border-top:1px solid var(--line);max-height:145px;margin-top:17px;padding-top:4px;overflow:auto}.log-entry{color:var(--muted);border-bottom:1px solid #29364580;grid-template-columns:75px 80px 1fr;gap:12px;padding:8px 0;font:10px Space Mono;animation:.3s both appear;display:grid}.log-entry span{color:var(--cyan)}.log-entry p{margin:0}.log-entry.warn span{color:var(--pink)}.log-entry.good span{color:var(--lime)}footer{color:#52626a;letter-spacing:1px;margin-top:24px;font:9px Space Mono}@keyframes appear{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (max-width:850px){.hero{padding-top:55px}.promise-orbit{width:190px;height:190px}.orbit-core{inset:52px}.lab-grid{grid-template-columns:1fr 1fr}.reactor-panel{grid-column:1/-1}}@media (max-width:600px){.app-shell{width:min(100% - 28px,500px);padding-top:18px}.status-chip{font-size:8px}.hero{min-height:auto;padding:65px 0 50px;display:block}.hero h1{font-size:18vw}.hero-intro{font-size:14px}.promise-orbit{margin:40px auto 0}.lab-grid{display:block}.panel{margin-bottom:14px}.panel-copy{min-height:0}.console-panel{padding:17px}.log-entry{grid-template-columns:62px 55px 1fr;gap:7px;font-size:9px}footer{font-size:7px}}