:root{--term-bg: #0a0e0a;--term-bg-soft: #0f1a10;--term-green: #ff8c1a;--term-green-dim: #a35200;--term-highlight: #ffd7a1;--term-amber: #ffb000;--term-red: #ff5555;--term-border: rgba(255, 140, 26, .72);--term-shadow: rgba(255, 140, 26, .32);color:var(--term-green);background:var(--term-bg);font-family:JetBrains Mono,IBM Plex Mono,Menlo,Consolas,monospace;font-size:16px;line-height:1.55;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at 50% 15%,rgba(255,140,26,.08),transparent 32rem),linear-gradient(180deg,#070a07 0%,var(--term-bg) 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.06;background:repeating-linear-gradient(to bottom,#000 0,#000 1px,transparent 1px,transparent 2px)}body:after{content:"";position:fixed;inset:0;z-index:19;pointer-events:none;background:radial-gradient(circle at center,transparent 0 58%,rgba(0,0,0,.42) 100%)}.container{position:relative;z-index:1;width:min(100%,720px);min-height:100vh;margin:0 auto;padding:2em 1.5em 4em;display:flex;flex-direction:column;justify-content:flex-start}.container-centered{justify-content:center;padding-top:4em}h1,h2,p,dl,dt,dd{margin:0}h1{color:var(--term-highlight);font-size:clamp(1.45rem,4vw,2.35rem);font-weight:700;letter-spacing:.04em;text-transform:lowercase;text-shadow:0 0 4px currentColor}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.85em 1.5em;background:#070a07eb;border-bottom:1px solid var(--term-border);box-shadow:0 0 16px #ff8c1a2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.site-brand{font-size:clamp(1.1rem,3vw,1.6rem);margin:0}.site-brand-block{display:flex;align-items:baseline;gap:.6em;flex-wrap:wrap}.site-version{color:var(--term-green-dim);font-size:.75rem;letter-spacing:.08em;text-shadow:0 0 4px currentColor}.site-nav{display:flex;gap:.6em;flex-wrap:wrap;margin:0;padding:0}.site-nav a{display:inline-block;color:var(--term-green);text-decoration:none;border:1px solid var(--term-border);background:#ff8c1a14;padding:.35em .7em;font-size:.85rem;letter-spacing:.08em;text-shadow:0 0 4px currentColor;transition:color .15s,background .15s}.site-nav a:hover,.site-nav a:focus-visible{color:var(--term-bg);background:var(--term-green);outline:none;text-shadow:none}#status,#how-to,#logs{scroll-margin-top:5em}.panel-title{color:var(--term-amber);font-size:1rem;font-weight:700;letter-spacing:.08em;text-shadow:0 0 4px currentColor;margin:0 0 1em}.panel{position:relative;background:#0a0e0adb;border:1px solid var(--term-border);box-shadow:0 0 0 1px #ff8c1a1f inset,0 0 24px #ff8c1a14,0 1.5em 4em #0006;padding:1.5em;margin-bottom:1.25em}.panel:before,.panel:after{position:absolute;color:var(--term-green);background:var(--term-bg);line-height:1;text-shadow:0 0 4px currentColor}.panel:before{content:"┌";top:-.65em;left:-.42em}.panel:after{content:"┘";right:-.42em;bottom:-.65em}.status-list{display:grid;gap:.9em}.status-row{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:1em;align-items:baseline;padding:.35em 0;border-bottom:1px dotted rgba(255,140,26,.28)}.status-row:last-child{border-bottom:0}.status-row dt{color:var(--term-green-dim);font-weight:700;letter-spacing:.08em;text-shadow:0 0 4px currentColor}.status-row dd{color:var(--term-highlight);min-width:0;word-break:break-word;text-shadow:0 0 4px currentColor}.state{display:inline-flex;align-items:center;gap:.75em;font-weight:700;letter-spacing:.04em}.state-token{white-space:nowrap}.state-running{color:var(--term-green)}.state-pending,.state-stopped{color:var(--term-amber)}.state-unknown{color:var(--term-red)}.state-pending .state-token{animation:blink 1s steps(1,end) infinite}.connection{display:inline-flex;align-items:center;gap:1em;flex-wrap:wrap}code{font-family:inherit;color:var(--term-highlight);background:#ff8c1a14;border:1px solid rgba(255,140,26,.3);padding:.1em .45em;text-shadow:0 0 4px currentColor;word-break:break-all}.placeholder{color:var(--term-green-dim)}.log-list{height:320px;overflow-y:auto;background:#00000080;padding:.6em;font-family:inherit}.log-line{padding-bottom:.1em;white-space:pre-wrap;word-break:break-word}.log-timestamp{color:var(--term-green-dim);padding-right:.6em}.log-message{color:var(--term-highlight)}.log-empty{color:var(--term-green-dim);padding:1em}.howto-steps{list-style:none;counter-reset:step;padding:0;margin:0;display:grid;gap:.9em}.howto-steps li{counter-increment:step;display:grid;grid-template-columns:3em minmax(0,1fr);gap:.8em;padding:.4em 0;border-bottom:1px dotted rgba(255,140,26,.28);color:var(--term-highlight);text-shadow:0 0 4px currentColor}.howto-steps li:last-child{border-bottom:0}.howto-steps li:before{content:counter(step,decimal-leading-zero) ".";color:var(--term-green-dim);font-weight:700;letter-spacing:.08em;text-shadow:0 0 4px currentColor}.howto-note{margin-top:1em;padding-top:.8em;border-top:1px dotted rgba(255,140,26,.28);color:var(--term-green-dim);font-size:.85rem}button{appearance:none;border-radius:0;border:1px solid var(--term-green);background:var(--term-green);color:var(--term-bg);font:inherit;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.65em 1em;cursor:pointer;text-shadow:none;box-shadow:0 0 18px #ff8c1a8c;animation:pulse-glow 2.6s ease-in-out infinite}button:hover:not(:disabled),button:focus-visible:not(:disabled){color:var(--term-bg);background:var(--term-highlight);outline:none;text-shadow:none;box-shadow:0 0 24px var(--term-shadow);animation:none}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;color:#ffd7a18c;border-color:#a3520070;background:#a3520052;box-shadow:none;text-shadow:none;animation:none}.secondary{color:var(--term-highlight);border-color:#ffd7a175;background:transparent;font-size:.9rem;box-shadow:0 0 0 1px #ff8c1a14 inset;animation:none}.secondary:hover:not(:disabled),.secondary:focus-visible:not(:disabled){color:var(--term-bg);background:var(--term-highlight)}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #ff8c1a52}50%{box-shadow:0 0 28px #ff8c1a9e}}.actions{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;margin-bottom:1.5em}.passphrase-form{display:grid;gap:1em}.passphrase-form h2{color:var(--term-amber);font-size:1rem;font-weight:700;letter-spacing:.08em;text-shadow:0 0 4px currentColor}.cursor{animation:blink 1s steps(1,end) infinite}.input-prompt{color:var(--term-green-dim);font-weight:700;letter-spacing:.08em;text-shadow:0 0 4px currentColor}input{width:100%;border-radius:0;border:1px solid var(--term-border);background:#0000006b;color:var(--term-highlight);font:inherit;padding:.75em 1em;outline:none;caret-color:var(--term-green);box-shadow:0 0 0 1px #ff8c1a14 inset;text-shadow:0 0 4px currentColor}input::placeholder{color:#a35200cc}input:focus{border-color:var(--term-highlight);box-shadow:0 0 0 1px #ffd7a138 inset,0 0 14px #ff8c1a33}.submit{justify-self:start}.error{color:var(--term-red);border:1px solid rgba(255,85,85,.55);background:#ff555514;padding:.8em 1em;margin-top:1.1em;white-space:pre-wrap;word-break:break-word;text-shadow:0 0 4px currentColor}.error:before{content:"! ERROR: ";font-weight:700}@keyframes blink{50%{opacity:0}}@media(max-width:640px){.container{padding:2em 1em;justify-content:flex-start}.site-header{flex-direction:column;align-items:flex-start;gap:.6em;padding:.7em 1em}.site-nav{width:100%;justify-content:flex-start}.site-nav a{flex:1 1 auto;text-align:center;min-width:5em}.panel{padding:1.2em}.howto-steps li{grid-template-columns:2.4em minmax(0,1fr)}#status,#how-to,#logs{scroll-margin-top:7.5em}.status-row{grid-template-columns:1fr;gap:.25em}.actions,.connection{align-items:stretch;flex-direction:column}button,.submit{width:100%}}
