@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--green:#00ff88;--line:rgba(0,255,136,.55);--bg:#041c14;--pulse-dur: 14s;--reveal-dur: 14s;--chassis-pad: clamp(48px, 6.2vmin, 82px);--inner-bezel: clamp(18px, 42px);--plastic-hi: rgba(255,255,255,.07);--plastic-lo: rgba(0,0,0,.6);--glow-soft: 0 0 2px rgba(0,255,136,.35), 0 0 15px rgba(0,255,136,.18);--glow-strong: 0 0 2px rgba(0,255,136,.5), 0 0 10px rgba(0,255,136,.28), 0 0 18px rgba(0,255,136,.16)}html,body,#root{height:100%;margin:0;background:#000;overflow:hidden}@supports not (height: 100svh){.screen{height:100vh}}.screen{width:100svw;height:100svh;display:flex;align-items:center;justify-content:center;padding:2vh;box-sizing:border-box;background:#000}.monitor{position:relative;aspect-ratio:4/3;width:min(96vw,128svh,1400px);height:auto;margin:auto}@supports not (aspect-ratio: 1 / 1){.monitor{width:92vw;height:69vh}}.chassis{position:absolute;inset:0;padding:var(--chassis-pad);border-radius:18px;z-index:0;background:radial-gradient(120% 140% at 50% 0%,rgba(255,255,255,.08),transparent 60%),linear-gradient(180deg,var(--plastic-hi),transparent 38%),linear-gradient(0deg,rgba(255,255,255,.025),transparent 45%),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 3px),linear-gradient(180deg,#14241d,#0a1713);box-shadow:inset 0 0 0 1px #000000d9,0 16px 42px #000000c2,0 2px #ffffff14}.chassis-shadow{pointer-events:none;position:absolute;inset:0;border-radius:18px;box-shadow:inset 0 24px 38px #ffffff0d,inset 0 -36px 48px #000000a6}.screw{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff47,#ffffff0f 36%,#00000094 64%),conic-gradient(from 45deg,#0006,#ffffff26,#0006);box-shadow:inset 0 1px 2px #0009,0 0 0 1px #000000b3}.screw.tl{left:18px;top:18px}.screw.tr{right:18px;top:18px}.screw.bl{left:18px;bottom:18px}.screw.br{right:18px;bottom:18px}.badge-plate{position:absolute;bottom:8px;left:50%;transform:translate(-50%);padding:4px 10px;border-radius:6px;background:linear-gradient(180deg,#ffffff1a,#0000008c);box-shadow:inset 0 1px #ffffff2e,0 2px #000000bf;color:#afffdd;letter-spacing:.12em;font-size:16px;text-transform:uppercase}.badge-plate .brand{text-shadow:0 0 6px rgba(0,255,136,.24),0 0 18px rgba(0,255,136,.18)}.inner-bezel{position:relative;width:100%;height:100%;border-radius:14px;padding:var(--inner-bezel);z-index:1;isolation:isolate;background:linear-gradient(180deg,#ffffff0f,#0000009e),linear-gradient(180deg,#0f2019,#081711);box-shadow:inset 0 0 0 1px #000000db,inset 0 14px 28px #ffffff0a,inset 0 -24px 48px #000000a8}.crt{position:relative;height:100%;width:100%;border-radius:10px;padding:14px;box-sizing:border-box;font-family:VT323,monospace;color:var(--green);background:var(--bg);letter-spacing:.6px;text-shadow:var(--glow-soft);box-shadow:inset 0 0 0 2px #0a2,inset 0 0 42px #0f83;display:flex;flex-direction:column;min-height:0;z-index:2}.crt-noise{position:absolute;inset:0;border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block;mix-blend-mode:screen;opacity:.16;filter:contrast(1.03) brightness(1.01) saturate(1.03);z-index:1}.crt-phosphor{position:absolute;inset:var(--inner-bezel);border-radius:10px;mix-blend-mode:screen;opacity:.07;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,0,0,.35) 0 1px,rgba(0,255,0,.35) 1px 2px,rgba(0,0,255,.35) 2px 3px,transparent 3px 4px);filter:blur(.15px);z-index:4}.crt-glass{position:absolute;inset:var(--inner-bezel);border-radius:10px;background:radial-gradient(120% 90% at 60% 10%,#ffffff21,#fff0 55%),linear-gradient(15deg,#ffffff12,#fff0 40%),linear-gradient(180deg,#00000038,#0000 40% 60%,#00000047);mix-blend-mode:screen;pointer-events:none;z-index:5}.bar{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:6px 10px;margin-bottom:10px;background:#00ff880f;border-radius:6px}.grid{display:grid;grid-template-columns:230px 1fr;gap:12px;flex:1;min-height:0}.side{border:1px solid var(--line);padding:8px;display:flex;flex-direction:column;gap:6px;border-radius:6px;transition:all .2s ease}.side[data-focus=active]{border-color:var(--green);background:#00ff8814;box-shadow:0 0 12px #00ff8840,inset 0 0 20px #00ff881f}.side[data-focus=idle]{opacity:.7}.badge{font-weight:700;margin-bottom:6px}.item{padding:6px 8px;border-left:3px solid transparent;cursor:pointer;border-radius:4px}.item.active{background:#00ff8826;border-left-color:var(--green)}.hint{opacity:.8;margin-top:auto;font-size:20px}.pane{border:1px solid var(--line);padding:12px;background:#00ff880d;display:flex;flex-direction:column;min-height:0;overflow:auto;border-radius:6px;transition:all .2s ease}.pane[data-focus=active]{border-color:var(--green);background:#00ff8814;box-shadow:0 0 12px #00ff8840,inset 0 0 20px #00ff881f}.pane[data-focus=idle]{opacity:.7}.title{font-weight:700;border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:8px;font-size:1.1rem}.list{display:flex;flex-direction:column;gap:8px;width:99%;margin:6px auto}.row{padding:8px;display:flex;gap:10px;align-items:flex-start;border-radius:6px}.row.sel{background:#00ff882e;outline:1px solid var(--line)}.pill{border:1px solid var(--line);padding:1px 8px;margin-right:6px;font-size:20px;border-radius:6px;background:#00ff8814;color:var(--green);text-decoration:none!important;cursor:pointer;display:inline-block;transition:background .2s,box-shadow .2s;box-shadow:0 0 0 1px #00ff8824 inset}.pill:hover,.pill:focus{background:#00ff882e;text-decoration:none!important;box-shadow:0 0 6px #00ff882e}.footer{display:flex;gap:18px;opacity:.85;margin-top:10px;font-size:20px}.kbd{display:inline-block;border:1px solid var(--line);padding:0 6px;margin-right:6px;border-radius:4px;margin-bottom:6px}.detail-links,.row-hint{margin-top:6px}.about p,.contact p{font-size:1.05rem;line-height:1.5}.logs{font-size:1rem;line-height:1.4}.row-title{font-size:1.1rem}.row-summary{font-size:1rem;line-height:1.4}.pane.boot{flex:1}.splash{position:relative;flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.splash-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.2vmin,20px);max-width:min(1100px,92%);margin:0 auto}.splash-ascii{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Courier New,monospace;white-space:pre;line-height:1.05;letter-spacing:0;font-size:clamp(10px,1.8vw,18px);margin:8px auto;text-shadow:var(--glow-soft);text-align:center}.splash-ascii.splash-w-logo{font-size:clamp(12px,2.2vw,26px)}.splash-meta{font-weight:700;text-transform:uppercase;letter-spacing:.12em;line-height:1.05;font-size:clamp(22px,4.2vmin,40px);text-shadow:var(--glow-strong);text-align:center}.splash-meta+.splash-meta{font-size:clamp(18px,3.4vmin,32px);letter-spacing:.08em;opacity:.95}.splash-brand{opacity:.9;font-size:clamp(14px,2.2vmin,18px);position:relative;text-align:center}.press-enter{display:inline-block;margin-top:clamp(10px,3vmin,24px);padding:8px 12px;border:1px solid var(--line);background:#00ff8814;box-shadow:0 0 0 1px #00ff8824 inset;border-radius:8px;font-size:clamp(16px,3.6vmin,22px);color:var(--green);cursor:pointer;text-shadow:var(--glow-soft)}.press-enter--blink{animation:pressBlink 1s steps(2,start) infinite}@keyframes pressBlink{0%{opacity:.25}50%{opacity:1}to{opacity:.25}}@property --edge{syntax:"<number>"; initial-value:0; inherits:false;}@property --bg{syntax:"<number>"; initial-value:0; inherits:false;}.splash--reveal{position:relative;flex:1;display:grid;border-radius:10px;place-items:center;background:#000;width:100%;height:100%}.splash--reveal .reveal-frame{position:absolute;inset:0;border-radius:10px;animation:revealFrame 1.8s ease-out both;box-shadow:inset 0 0 0 2px rgba(10,170,80,calc(.06 + .3*var(--edge))),inset 0 0 calc(6px + 30px*var(--edge)) rgba(0,255,136,calc(0 + .22*var(--edge)))}.splash--reveal .reveal-frame:before{content:"";position:absolute;inset:0;border-radius:10px;background:#041c14;opacity:var(--bg)}@keyframes revealFrame{0%{--edge:0;--bg:0}40%{--edge:1;--bg:0}to{--edge:1;--bg:1}}.glitch{position:relative;animation:glitchJitter .14s steps(2,end) infinite,glitchSkew .9s ease-in-out infinite,brandDrift 2.2s ease-in-out infinite;will-change:transform,text-shadow,filter;filter:saturate(1.12) contrast(1.05);text-align:center}@keyframes glitchJitter{0%{transform:translate(0);text-shadow:1px 0 rgba(0,255,136,.6),-1px 0 rgba(0,255,136,.35)}50%{transform:translate(1px);text-shadow:2px 0 rgba(0,255,136,.6),-2px 0 rgba(0,255,136,.35)}to{transform:translate(0);text-shadow:1px 0 rgba(0,255,136,.6),-1px 0 rgba(0,255,136,.35)}}@keyframes glitchSkew{0%{transform:skew(0) scale(1)}45%{transform:skew(1.2deg) scale(1.005)}50%{transform:skew(-1.2deg) scale(.998)}95%{transform:skew(.3deg) scale(1.002)}to{transform:skew(0) scale(1)}}@keyframes brandDrift{0%{transform:translate(0) skew(0)}50%{transform:translate(.2px) skew(.25deg)}to{transform:translate(0) skew(0)}}.crt a,.crt a:visited{color:var(--green);text-decoration:none;text-shadow:var(--glow-strong);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.crt a:hover,.crt a:focus{color:var(--green);text-decoration:underline}@keyframes crtGlowPulse{0%{text-shadow:var(--glow-soft)}50%{text-shadow:0 0 3px rgba(0,255,136,.45),0 0 8px rgba(0,255,136,.22)}to{text-shadow:var(--glow-soft)}}.title,.badge,.splash-meta{animation:crtGlowPulse 2.6s ease-in-out infinite}@media (max-width: 1024px){.monitor{width:90vw;max-width:700px}.chassis{padding:20px}.grid{grid-template-columns:140px 1fr;gap:12px}.side .item{font-size:.85rem;padding:8px 10px}.row-title{font-size:1rem}.row-summary{font-size:.85rem}.detail .title{font-size:1.3rem!important}.detail-summary{font-size:1rem!important}.pill{font-size:.7rem;padding:3px 8px}}@media (max-width: 768px){.monitor{width:95vw;max-width:600px}.chassis{padding:15px}.grid{grid-template-columns:120px 1fr;gap:10px}.side{padding:10px}.side .item{font-size:.75rem;padding:6px 8px}.pane{padding:12px}.title{font-size:1rem;margin-bottom:10px}.row{padding:10px;gap:8px}.row-title{font-size:.9rem}.row-summary{font-size:.75rem}.detail .title{font-size:1.1rem!important;margin-bottom:12px!important}.detail-summary{font-size:.9rem!important;margin-bottom:15px!important}.pill{font-size:.65rem;padding:2px 6px}.footer{font-size:.7rem;padding:6px 10px}.kbd{padding:1px 4px;font-size:.65rem}.about p,.contact p{font-size:.85rem}.logs{font-size:.75rem}}@media (min-width: 1441px){.monitor{max-width:1100px}.chassis{padding:35px}.grid{gap:20px}.side{padding:18px}.pane{padding:20px}.row{padding:16px}.pill{font-size:.8rem;padding:4px 10px}}@media (max-height: 700px){.monitor{margin:20px auto}.pane-content{max-height:350px}.detail{max-height:400px}}@media (max-height: 600px){.chassis{padding:10px}.grid{gap:8px}.pane-content{max-height:250px}.detail{max-height:300px}}