:root{--yellow: #ffcb05;--red: #ee1515;--blue: #3b4cca;--cyan: #35e0ff;--ink: #0a0616;--paper: #fdfbf3;--glass-bg: rgba(255, 255, 255, .07);--glass-bg-hover: rgba(255, 255, 255, .13);--glass-edge: rgba(255, 255, 255, .22);--glass-blur: blur(18px) saturate(160%);--font-display: "Archivo Black", "Arial Black", system-ui, sans-serif;--font-pixel: "Press Start 2P", ui-monospace, "Courier New", monospace;--font-body: "Space Grotesk", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#05030d;color:var(--paper);font-family:var(--font-body);overflow:hidden;overscroll-behavior:none}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000029 2px 3px);mix-blend-mode:multiply;opacity:.5}@keyframes kick{0%{opacity:.09}to{opacity:0}}body.kick:before{content:"";position:fixed;inset:0;z-index:49;pointer-events:none;background:radial-gradient(ellipse at 50% 62%,var(--yellow),transparent 62%);animation:kick .18s linear forwards}#boot{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#120a26,#05030d 62%,#01000a);transition:opacity .8s ease,transform .8s ease}.boot-inner{position:relative;z-index:2}.sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.nebula{position:absolute;inset:-25%;background:radial-gradient(38% 32% at 24% 30%,rgba(59,76,202,.45),transparent 70%),radial-gradient(34% 28% at 76% 66%,rgba(255,61,190,.28),transparent 70%),radial-gradient(46% 38% at 62% 16%,rgba(53,224,255,.16),transparent 70%),radial-gradient(30% 26% at 40% 82%,rgba(255,203,5,.1),transparent 70%);filter:blur(30px);animation:nebula 72s ease-in-out infinite alternate}@keyframes nebula{to{transform:translate3d(2.5%,-2.5%,0) scale(1.1)}}.sky-layer{position:absolute;inset:0;transform:translate3d(calc(var(--px, 0px) * var(--depth)),calc(var(--py, 0px) * var(--depth)),0);transition:transform .9s cubic-bezier(.2,.9,.2,1)}.sky-drift{position:absolute;inset:0;animation-name:skydrift;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.sky-drift i{position:absolute;left:0;top:0;border-radius:50%;background:transparent}@keyframes skydrift{to{transform:translateY(-1400px)}}#boot.is-gone{opacity:0;transform:scale(1.06);pointer-events:none}.boot-inner{display:grid;justify-items:center;gap:22px;text-align:center}.boot-ball{width:76px;height:76px;border-radius:50%;border:3px solid var(--ink);background:linear-gradient(var(--red) 0 47%,var(--ink) 47% 53%,var(--paper) 53% 100%);position:relative;animation:spin 1.4s cubic-bezier(.6,0,.4,1) infinite;box-shadow:0 0 34px #ee15158c}.boot-ball i{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:22px;height:22px;border-radius:50%;border:3px solid var(--ink);background:var(--paper)}@keyframes spin{0%,to{rotate:0deg}50%{rotate:180deg}}#boot.is-ready .boot-ball{animation-duration:.7s}.boot-status{margin:0;font-family:var(--font-pixel);font-size:10px;letter-spacing:.1em;color:var(--cyan);text-transform:uppercase}.boot-btn{font-family:var(--font-display);font-size:clamp(16px,3.6vw,26px);padding:16px 30px;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);border-radius:999px;box-shadow:5px 5px 0 var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .3s ease}.boot-btn:disabled{opacity:.3;cursor:wait}.boot-btn:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.boot-btn:not(:disabled):active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.boot-note{margin:0;font-size:12px;opacity:.55;letter-spacing:.08em;text-transform:uppercase}#ui{position:fixed;inset:0;z-index:20;pointer-events:none}.reveal{opacity:0;translate:0 14px;filter:blur(6px);transition:opacity 1s ease,translate 1s cubic-bezier(.2,.9,.2,1),filter 1s ease}#ui.is-revealed .reveal{opacity:1;translate:0 0;filter:blur(0)}#ui.is-revealed .bar{transition-delay:.35s}.wordmark{position:absolute;top:clamp(16px,3.4vw,40px);left:50%;translate:-50% 14px;margin:0;width:clamp(240px,38vw,520px);line-height:0}.wordmark img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.65)) drop-shadow(0 0 26px rgba(255,203,5,.25))}#ui.is-revealed .wordmark{translate:-50% 0}.bar{position:absolute;left:50%;bottom:clamp(24px,5vw,48px);translate:-50% 14px;display:flex;align-items:stretch;gap:10px}#ui.is-revealed .bar{translate:-50% 0}.glass{pointer-events:auto;display:flex;align-items:center;gap:10px;height:52px;padding:0 18px;font:inherit;color:var(--paper);text-decoration:none;cursor:pointer;background:var(--glass-bg);border:1px solid var(--glass-edge);border-radius:16px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff47,inset 0 -1px #ffffff0f;transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}.glass:hover{background:var(--glass-bg-hover);border-color:#fff6;transform:translateY(-2px)}.glass:active{transform:translateY(0)}.glass:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.ca-tag{font-family:var(--font-pixel);font-size:8px;letter-spacing:.1em;color:var(--yellow);opacity:.85}.ca-val{font-family:ui-monospace,SF Mono,Courier New,monospace;font-size:14px;letter-spacing:.02em}.ca-act{font-family:var(--font-pixel);font-size:8px;letter-spacing:.08em;padding:5px 8px;border-radius:8px;color:#fdfbf3bf;background:#ffffff17;border:1px solid rgba(255,255,255,.14)}.ca.is-idle{cursor:default}.ca.is-idle:hover{transform:none;background:var(--glass-bg);border-color:var(--glass-edge)}.ca.is-idle .ca-val{opacity:.6}.ca.is-copied{border-color:#5cff8f99}.ca.is-copied .ca-act{color:#0a0616;background:#5cff8f;border-color:transparent}.ca.is-failed{border-color:#ffcb058c}.ca.is-failed .ca-val{user-select:all;-webkit-user-select:all;font-size:11px;letter-spacing:0}.glass.icon{width:52px;padding:0;justify-content:center}.glass.icon svg{width:20px;height:20px;display:block}.slash{opacity:0;transition:opacity .18s ease}body.is-muted .slash{opacity:1}body.is-muted .wave{opacity:0}.wave{transition:opacity .18s ease}@media(max-width:560px){.glass{height:46px;padding:0 14px}.glass.icon{width:46px}.ca-val{font-size:12px}.bar{gap:8px}}@media(prefers-reduced-motion:reduce){.boot-ball,.sky-drift,.nebula{animation:none}.sky-layer{transition:none;transform:none}.reveal{transition-duration:.01s}body.kick:before{display:none}}
