:root{--phosphor:#b1dda0;--dim:#829e78;--line:#b1dda029;--wash:#b1dda010;--glow:#80dc6c24;--mono:'IBM Plex Mono',monospace;--pixel:'VT323',monospace;color-scheme:dark}
*{box-sizing:border-box}html{background:#111310}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:36px;background:radial-gradient(ellipse at 50% 72%,#26322344,transparent 65%);font:13px/1.6 var(--mono);color:var(--phosphor)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:1px solid var(--phosphor);outline-offset:5px}.skip{position:fixed;top:-100px;padding:10px;background:#111;z-index:20}.skip:focus{top:10px}.monitor{width:min(1120px,100%);padding:19px 19px 0;border-radius:22px;background:linear-gradient(150deg,#30312d,#23241f 35%,#242621 76%,#34352f);border:1px solid #484a40;box-shadow:0 32px 90px #000a,0 2px 3px #000,inset 0 1px 1px #ffffff19}.screen{position:relative;isolation:isolate;min-height:min(730px,calc(100svh - 150px));padding:31px 49px 25px;display:flex;flex-direction:column;border-radius:38px / 26px;background:radial-gradient(ellipse at 50% 40%,#121c12,#080e09 75%);box-shadow:0 0 0 2px #080b07,0 0 0 5px #181b14,inset 0 0 55px #000b,0 0 24px var(--glow);overflow:hidden;text-shadow:0 0 8px var(--glow)}.screen::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:10;pointer-events:none;background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 3px);opacity:.75}.screen::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:11;pointer-events:none;background:linear-gradient(125deg,#cdecc108,transparent 40%),radial-gradient(ellipse at 50% 50%,transparent 62%,#0006);box-shadow:inset 0 0 15px #000}.screen-top{display:flex;align-items:center;gap:22px;padding-bottom:17px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.08em}.screen-top>a{font-weight:500}.screen-top>span{color:var(--dim)}.screen-top>button{font-size:16px;margin-left:auto;line-height:1;padding:4px 9px;border:1px solid var(--line);border-radius:2px}.screen-top>button:hover{background:var(--wash)}.home-view{flex:1;padding:34px 0 48px}.title h1{margin:0 0 29px;font:clamp(94px,12.8vw,160px)/1 var(--pixel);letter-spacing:-.035em;font-weight:400}.caret{font-size:.74em;opacity:.85;animation:blink 1.5s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}.browser{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch}.section-label{margin:0 0 19px;font-size:9px;letter-spacing:.15em;color:var(--dim)}.menu-items{position:relative}.selection{position:absolute;top:0;left:0;right:0;height:54px;background:var(--wash);border-left:2px solid var(--phosphor);transform:translateY(0);transition:transform 160ms cubic-bezier(.2,.8,.25,1);pointer-events:none}.menu-link{position:relative;display:flex;align-items:center;gap:13px;height:54px;padding:0 17px 0 13px;outline-offset:0!important;border-bottom:1px solid #b1dda00a}.menu-cursor{font:26px var(--pixel);opacity:0;transform:translateX(-4px);transition:transform 120ms,opacity 120ms}.menu-link.selected .menu-cursor{opacity:1;transform:none}.menu-name{font-size:clamp(17px,2vw,22px);letter-spacing:-.035em}.menu-index{margin-left:auto;font-size:9px;color:var(--dim)}.menu-link.selected .menu-name{color:var(--phosphor);text-shadow:0 0 14px var(--glow)}.github-link{display:inline-flex;align-items:center;gap:24px;font-size:11px;margin:24px 0 0 35px;color:var(--dim);min-height:30px}.github-link:hover{color:var(--phosphor)}.preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:270px;margin-top:-10px;overflow:hidden}.preview canvas{width:100%;height:270px;display:block;opacity:.8}.preview-url{position:absolute;bottom:1px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.02em;color:var(--dim)}.screen-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:40px;padding-top:16px;border-top:1px solid var(--line);font-size:9px;color:var(--dim)}kbd{font:inherit;color:var(--phosphor);margin:0 4px 0 0}kbd:nth-of-type(3){margin-left:16px}.touch-help{display:none}.monitor-bottom{height:61px;display:flex;align-items:center;padding:0 15px;gap:23px}.chassis-brand{color:#a5a99c;font-size:14px;letter-spacing:-.08em;font-weight:500;text-shadow:0 1px #000}.monitor-controls{margin-left:auto;display:flex;gap:9px;align-items:center}.monitor-controls>button{font:8px var(--mono);letter-spacing:.04em;color:#92978a;padding:8px 9px;min-height:32px}.monitor-controls>button:hover,.monitor-controls>button[aria-pressed=true]:not(.color-btn){color:#d8e3c8;background:#141811;border-radius:3px}.monitor-controls .color-btn{display:grid;place-items:center;width:27px;padding:6px}.color-btn i{display:block;width:8px;height:8px;background:#a9d79a;border-radius:50%;box-shadow:0 0 0 3px #161b13,0 0 0 4px #44493c}.color-btn.amber i{background:#efc183}.color-btn.white i{background:#d1ddd1}.color-btn[aria-pressed=true] i{box-shadow:0 0 0 3px #161b13,0 0 0 4px #747d68,0 0 9px var(--glow)}.control-divider{width:1px;height:13px;background:#505246;margin:0 6px}.power-led{width:5px;height:5px;background:#b1dda0;border-radius:50%;box-shadow:0 0 6px #b1dda055}.command-panel{position:absolute;bottom:81px;left:49px;right:49px;z-index:5;background:#0b120ded;border:1px solid var(--line);padding:21px;box-shadow:0 -15px 50px #0008;animation:panel-in 130ms ease-out}.command-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--dim)}.command-heading button{font-size:9px}.command-help{font-size:10px;color:var(--dim);margin:14px 0 18px}.command-panel form{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:15px}.command-panel label{white-space:nowrap}.command-panel input{background:none;border:0;min-width:0;flex:1;outline:none;caret-color:var(--phosphor)}.command-panel input:focus-visible{outline:none;box-shadow:0 1px 0 var(--line)}.command-panel form button{padding:0 6px}.command-panel p:empty{display:none}#commandOutput{font-size:11px;white-space:pre-line}.no-fx .screen::before,.no-fx .screen::after{display:none}.no-fx .screen{text-shadow:none}.no-fx .caret{animation:none}.no-fx .selection{transition:none}.no-fx .command-panel{animation:none}body[data-color=amber]{--phosphor:#f0c38a;--dim:#ac8d63;--line:#f0c38a29;--wash:#f0c38a10;--glow:#eebb6924}body[data-color=amber] .screen{background:radial-gradient(ellipse at 50% 40%,#211a10,#100d08 75%)}body[data-color=white]{--phosphor:#d5ddd8;--dim:#89968f;--line:#d5ddd829;--wash:#d5ddd810;--glow:#d3e8dd18}body[data-color=white] .screen{background:radial-gradient(ellipse at 50% 40%,#181d1a,#090d0b 75%)}@keyframes panel-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.detail-view{flex:1;padding:48px 0 42px}.detail-view h1{font:clamp(48px,7.5vw,90px)/1 var(--pixel);margin:0 0 35px}.detail-view .section-label{margin-bottom:18px}.server-data{margin:0;max-width:650px}.server-data>div{display:grid;grid-template-columns:135px 1fr;gap:22px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.server-data dt{color:var(--dim)}.server-data dd{margin:0}.detail-note{font-size:11px;color:var(--dim);max-width:590px;margin:26px 0 0}.detail-note a{text-decoration:underline}.detail-back{display:inline-block;font-size:11px;margin-top:32px}.detail-back:hover{color:#fff}
@media(min-width:1700px){.monitor{width:1200px}.screen{min-height:760px}.home-view{padding-top:42px}.browser{gap:80px}}
@media(max-width:760px){body{padding:16px}.monitor{padding:12px 12px 0;border-radius:15px}.screen{padding:26px 24px 22px;border-radius:24px;min-height:calc(100svh - 108px)}.screen-top{font-size:9px;gap:16px}.home-view{padding:40px 0 33px}.title h1{font-size:23vw;margin-bottom:33px}.browser{grid-template-columns:1fr;gap:0}.preview{display:none}.menu-link{height:58px}.selection{height:58px}.menu-name{font-size:20px}.github-link{margin-top:25px}.screen-footer{font-size:8px;gap:10px}#destination{max-width:55%;text-align:right;overflow-wrap:anywhere}.monitor-bottom{height:54px;padding:0 8px;gap:12px}.monitor-controls{gap:4px}.monitor-controls>button{font-size:7px;padding:8px 5px}.monitor-controls .color-btn{width:24px}.control-divider{margin:0 3px}.command-panel{left:24px;right:24px;bottom:82px;padding:16px}.command-panel form{font-size:11px;gap:7px}.command-help{font-size:9px}.detail-view{padding:42px 0 30px}.server-data>div{grid-template-columns:90px 1fr;gap:12px;font-size:10px}.detail-view h1{font-size:15vw}.detail-note{font-size:10px}}
@media(pointer:coarse){.keyboard-help{display:none}.touch-help{display:inline}.menu-link{min-height:58px}.monitor-controls>button{min-height:40px}}
@media(max-width:380px){body{padding:8px}.screen{padding:23px 20px}.monitor-bottom{gap:6px}.chassis-brand{font-size:12px}.power-led{display:none}.screen-top{gap:10px}.title h1{font-size:24vw}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}