:root{--bg:#0b0f0c;--panel:#0f1511;--line:#1d2a22;--fg:#c9d6cd;--dim:#6f8577;--hl:#39ff88;--hl2:#4cc9f0;--err:#ff5f6d;--warn:#ffcc66}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#102016 0,var(--bg) 60%);color:var(--fg);font:15px/1.65 ui-monospace,SFMono-Regular,"Cascadia Code","JetBrains Mono",Menlo,Consolas,"Liberation Mono",monospace;display:flex;flex-direction:column;align-items:center;padding:24px 16px}
a{color:var(--hl2);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}
:focus-visible{outline:2px solid var(--hl);outline-offset:2px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;background:var(--hl);color:#000;padding:4px 8px}
.term{width:100%;max-width:880px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 0 0 1px #000,0 20px 60px rgba(0,0,0,.6),0 0 80px rgba(57,255,136,.05);overflow:hidden}
.bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:#0c120e}
.bar .ti{flex:1;min-width:0;text-align:center;color:var(--dim);font-size:13px;margin-left:78px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb{display:flex;gap:8px;flex:none}.wb i{position:relative;width:22px;height:22px;border-radius:50%;background:#1a241d}.wb i::before,.wb i::after{content:"";position:absolute;left:50%;top:50%;background:var(--dim)}
.wb .mn::before{width:8px;height:1.5px;transform:translate(-50%,2px)}.wb .mx::before{width:7px;height:7px;background:none;border:1.5px solid var(--dim);transform:translate(-50%,-50%)}
.wb .cl::before,.wb .cl::after{width:10px;height:1.5px}.wb .cl::before{transform:translate(-50%,-50%) rotate(45deg)}.wb .cl::after{transform:translate(-50%,-50%) rotate(-45deg)}
nav{display:flex;flex-wrap:wrap;gap:4px 14px;padding:10px 18px;border-bottom:1px dashed var(--line);font-size:14px}
nav a{color:var(--dim)}nav a::before{content:"$ ";color:var(--line)}nav a[aria-current=page]{color:var(--hl)}
main{padding:18px;min-height:420px}
pre.logo{color:var(--hl);margin:0 0 6px;font-size:11px;max-width:100%;line-height:1.15;overflow:hidden;text-shadow:0 0 4px rgba(57,255,136,.25)}
.boot{color:var(--dim);font-size:13px;margin:0 0 14px}
.blk{margin:0 0 18px;animation:in .25s ease-out}
@keyframes in{from{opacity:0;transform:translateY(4px)}}
.cmd{color:var(--fg)}.cmd .p,.pl .p{color:var(--hl)}.cmd .u,.pl .u{color:var(--hl2)}
h1{font-size:20px;line-height:1.35;margin:6px 0 10px;color:#fff;font-weight:700}
.hl{color:var(--hl)}.dim{color:var(--dim)}p{margin:0 0 10px}
ul{margin:0 0 12px;padding:0;list-style:none}
ul.ls li{display:flex;gap:14px;flex-wrap:wrap}ul.ls a{min-width:96px;color:var(--hl)}ul.ls span{color:var(--dim)}
ul.svc li{padding-left:18px;position:relative;margin-bottom:4px}ul.svc li::before{content:">";position:absolute;left:0;color:var(--hl)}
b{color:#fff;font-weight:600}
kbd{border:1px solid var(--line);border-radius:4px;padding:0 5px;color:var(--hl);font:inherit}
.err{color:var(--err)}.ok{color:var(--hl)}.warn{color:var(--warn)}
.pl{display:flex;align-items:center;gap:0;flex-wrap:nowrap}
.pl input{flex:1;min-width:40px;background:transparent;border:0;color:var(--fg);font:inherit;caret-color:var(--hl);outline:none;padding:0 0 0 8px}
.cf{display:grid;gap:8px;margin:8px 0 10px;max-width:640px}
.cf label{display:flex;gap:8px;align-items:flex-start}.cf label span{color:var(--hl);min-width:82px;padding-top:6px}
.cf input,.cf textarea{flex:1;width:100%;background:#0a0e0b;border:1px solid var(--line);border-radius:6px;color:var(--fg);font:inherit;padding:6px 10px;resize:vertical}
.cf input:focus,.cf textarea:focus{border-color:var(--hl);outline:none}
.cf .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.cf button{justify-self:start;background:transparent;color:var(--hl);border:1px solid var(--hl);border-radius:6px;font:inherit;padding:6px 16px;cursor:pointer}
.cf button:hover{background:rgba(57,255,136,.08)}.cf button:disabled{opacity:.5;cursor:wait}
.st{min-height:1.4em}
pre.out{margin:0 0 10px;font:inherit;color:var(--fg);white-space:pre-wrap;word-break:break-all}
footer{width:100%;max-width:880px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--dim);font-size:12px;padding:12px 4px}
.cursor{display:inline-block;width:8px;height:1.1em;background:var(--hl);vertical-align:text-bottom;animation:bl 1s steps(1) infinite}
@keyframes bl{50%{opacity:0}}
@media (max-width:560px){body{padding:12px 8px;font-size:14px}main{padding:14px}.cf label{flex-direction:column;gap:2px}.cf label span{padding:0}pre.logo{font-size:clamp(5px,2.1vw,9px)}.cf input,.cf textarea,.pl input{font-size:16px}nav{gap:6px 14px;padding:10px 14px}nav a{padding:2px 0}h1{font-size:18px}.bar .ti{margin-left:0;text-align:left}.wb i{width:20px;height:20px}ul.ls li{gap:0;flex-direction:column;margin-bottom:8px}ul.ls span{font-size:13px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}