:root{--bg: #06090710;--bg-solid: #060907;--panel: #0b100d;--panel-2: #0e1610;--ink: #8bffc4;--ink-dim: #5f8f74;--ink-faint: #3d5f4c;--green: #4ee88f;--green-bright: #8affc1;--cyan: #35d0d6;--amber: #ffb454;--red: #ff5f6e;--line: #16321f;--line-bright: #205338;--glow: 0 0 6px rgba(78, 232, 143, .35);--mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background-color:var(--bg-solid);background-image:repeating-linear-gradient(0deg,#0000 0 2px,#00140859 3px,#0000 4px),radial-gradient(120% 80% at 50% -10%,rgba(24,74,46,.25),transparent 60%);color:var(--ink);font-family:var(--mono);font-size:14px;line-height:1.55;letter-spacing:.01em;-webkit-font-smoothing:antialiased}::selection{background:#1f5a3a;color:var(--green-bright)}*{scrollbar-width:thin;scrollbar-color:var(--line-bright) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line-bright);border-radius:0}*::-webkit-scrollbar-track{background:transparent}main{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 4rem}a{color:var(--cyan);text-decoration:none;border-bottom:1px dashed rgba(53,208,214,.4)}a:hover{color:var(--green-bright)}.masthead{border:1px solid var(--line-bright);background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:1.1rem 1.25rem;position:relative;margin-bottom:1.25rem}.masthead:before{content:"● ● ●";position:absolute;top:.55rem;right:.9rem;letter-spacing:.3em;color:var(--line-bright);font-size:.7rem}.masthead h1,main>h1{margin:0;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;letter-spacing:.08em;color:var(--green-bright);text-shadow:var(--glow)}.masthead h1:before{content:"> ";color:var(--green)}.masthead h1:after{content:"_";animation:blink 1.1s steps(1) infinite;color:var(--green)}@keyframes blink{50%{opacity:0}}.tagline{margin:.5rem 0 0;color:var(--ink-dim);max-width:70ch}.sysline{margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.35rem 1.5rem;font-size:.8rem;color:var(--ink-faint)}.sysline b{color:var(--ink-dim);font-weight:500}.sysline .ok{color:var(--green)}.panel{border:1px solid var(--line);background:var(--panel);padding:1.1rem 1.2rem 1.3rem;margin-bottom:1.1rem;position:relative}.panel:before,.panel:after{content:"";position:absolute;width:10px;height:10px;border-color:var(--line-bright);border-style:solid}.panel:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.panel:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.panel>h2{margin:0 0 .35rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--cyan)}.panel>h2:before{content:"// ";color:var(--ink-faint)}.panel>.hint{margin:0 0 1rem;color:var(--ink-dim);font-size:.85rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem}.grid .panel{margin-bottom:0}button,.btn{font-family:var(--mono);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--green);background:transparent;border:1px solid var(--line-bright);padding:.5rem .95rem;cursor:pointer;transition:background .12s,color .12s,box-shadow .12s,border-color .12s}button:before,.btn:before{content:"› ";color:var(--ink-faint)}button:hover:not(:disabled),.btn:hover{color:var(--bg-solid);background:var(--green);border-color:var(--green);box-shadow:var(--glow)}button:hover:not(:disabled):before{color:var(--bg-solid)}button:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}button:disabled{color:var(--ink-faint);border-color:var(--line);cursor:not-allowed;opacity:.7}button.primary{color:var(--bg-solid);background:var(--green);border-color:var(--green);font-weight:600}button.primary:hover:not(:disabled){background:var(--green-bright);box-shadow:0 0 10px #4ee88f80}button.danger{color:var(--red);border-color:#ff5f6e80}button.danger:hover:not(:disabled){color:var(--bg-solid);background:var(--red);border-color:var(--red);box-shadow:0 0 8px #ff5f6e66}.actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}#out{margin:0 0 1.1rem;padding:.6rem .8rem;border:1px solid var(--line);border-left:3px solid var(--green);background:#070b08;color:var(--ink-dim);font-size:.82rem;white-space:pre-wrap;word-break:break-word}#out:before{content:"[status] ";color:var(--ink-faint)}.progress{display:flex;align-items:center;gap:.7rem;margin:.9rem 0 .4rem}.progress-bar{flex:1;height:12px;border:1px solid var(--line-bright);background:#070b08;padding:1px;overflow:hidden}.progress-fill{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--green) 0,var(--green) 6px,var(--green-bright) 6px,var(--green-bright) 8px);box-shadow:var(--glow);transition:width .18s ease-out}.progress-pct{min-width:3.2ch;text-align:right;font-size:.8rem;color:var(--green);font-variant-numeric:tabular-nums}#terminal{min-height:0}#terminal:not(:empty){height:min(60vh,460px);border:1px solid var(--line-bright);background:#080b09;padding:.55rem;box-shadow:inset 0 0 40px #00281059}#terminal .xterm{height:100%;padding:0}#terminal .xterm-viewport{background-color:transparent!important}.app-shell{display:grid;gap:.9rem}.app-header{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap}.app-header h1{margin:0;font-size:1rem;letter-spacing:.1em;color:var(--green-bright)}.app-status{font-size:.82rem;color:var(--ink-dim);padding:.15rem .55rem;border:1px solid var(--line)}.app-status:before{content:"● ";color:var(--ink-faint)}.app-status[data-phase=interactive]{color:var(--green);border-color:var(--line-bright)}.app-status[data-phase=interactive]:before{color:var(--green)}.app-status[data-phase=booting],.app-status[data-phase=restarting],.app-status[data-busy=true]{color:var(--amber)}.app-status[data-phase=booting]:before,.app-status[data-phase=restarting]:before,.app-status[data-busy=true]:before{color:var(--amber);animation:blink .8s steps(1) infinite}.app-status[data-phase=error]{color:var(--red)}.app-status[data-phase=error]:before{color:var(--red)}.app-controls,.app-mount{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.app-coldboot{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.app-coldboot-input{accent-color:var(--green)}.app-mount-status{font-size:.82rem;color:var(--ink-dim)}.app-mount-status[data-permission=granted]{color:var(--green)}.app-mount-status[data-permission=denied]{color:var(--amber)}.app-error{border:1px solid rgba(255,95,110,.5);border-left-width:3px;background:#ff5f6e0f;padding:.7rem .85rem}.app-error-message{margin:0;color:var(--red);font-weight:600}.app-error-hint{margin:.4rem 0 0;color:var(--ink-dim);font-size:.85rem}.app-error-raw summary{cursor:pointer;color:var(--ink-faint);font-size:.8rem;margin-top:.4rem}.app-error-raw pre{overflow-x:auto;color:var(--ink-dim);font-size:.78rem;background:#070b08;padding:.5rem;border:1px solid var(--line)}.snapshot-panel{display:grid;gap:.8rem}.snapshot-save{display:flex;gap:.6rem;flex-wrap:wrap}.snapshot-name{flex:1 1 12rem}.snapshot-status{font-size:.82rem;color:var(--ink-dim)}.snapshot-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.snapshot-list li{display:flex;align-items:center;gap:.6rem;justify-content:space-between;padding:.45rem .6rem;border:1px solid var(--line);background:#070b08}.snapshot-row-label{color:var(--ink);font-size:.85rem;overflow-wrap:anywhere}.demo-walkthrough{display:grid;gap:.8rem}.demo-status{font-size:.82rem;color:var(--ink-dim);letter-spacing:.05em}.demo-steps{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;counter-reset:step}.demo-step{padding:.5rem .7rem;border:1px solid var(--line);background:#070b08;color:var(--ink-dim);counter-increment:step}.demo-step:before{content:counter(step,decimal-leading-zero) "  ";color:var(--ink-faint)}.demo-step[data-active=true]{border-color:var(--green);color:var(--ink);box-shadow:inset 3px 0 0 var(--green)}.demo-step[data-done=true]:before{content:"[✓] ";color:var(--green)}.demo-active{border:1px solid var(--line-bright);padding:.8rem .9rem;background:var(--panel-2)}.demo-command{display:block;margin:.6rem 0;padding:.55rem .7rem;background:#05080601;background-color:#050806;border:1px solid var(--line);border-left:3px solid var(--cyan);color:var(--green-bright);white-space:pre-wrap;overflow-x:auto}.demo-command:before{content:"$ ";color:var(--ink-faint)}.demo-nav,.demo-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.6rem}input[type=text],input:not([type]){font-family:var(--mono);font-size:.85rem;color:var(--ink);background:#05080690;background-color:#050806;border:1px solid var(--line-bright);padding:.5rem .65rem}input[type=text]:focus,input:not([type]):focus{outline:none;border-color:var(--green);box-shadow:var(--glow)}input::placeholder{color:var(--ink-faint)}.footer{margin-top:2rem;color:var(--ink-faint);font-size:.75rem;text-align:center;letter-spacing:.08em}@media (max-width: 640px){main{padding:1.25rem .8rem 3rem}}