html,body{margin:0;padding:0;height:100%;background:#15131c}
.term{--bg:#15131c;--fg:#f2eefc;--dim:#9791b3;--purple:#7d56f4;--pink:#ff6ac1;--green:#04d97d;--cyan:#6fe6ff;--yellow:#ffd24c;--err:#ff5c7a;position:relative;min-height:100vh;background:var(--bg);color:var(--fg);font-family:'JetBrains Mono',monospace;font-size:16px;line-height:1.6;overflow:hidden;cursor:text}
.term.accent-pink{--purple:#ff6ac1}
.term.accent-green{--purple:#04d97d}
.term.accent-cyan{--purple:#6fe6ff}
.scrollarea{position:relative;z-index:2;height:100vh;overflow-y:auto;padding:36px 44px 18px;box-sizing:border-box}
.scrollarea::-webkit-scrollbar{width:8px}
.scrollarea::-webkit-scrollbar-thumb{background:var(--dim);border-radius:4px}
.bootlog{margin-bottom:4px}
.bootline{display:flex;gap:10px;align-items:baseline;color:var(--dim);margin-bottom:3px}
.bootline .mark{color:var(--green);width:14px;flex-shrink:0}
.bootline .spin{color:var(--purple);width:14px;flex-shrink:0}
.banner{color:var(--purple);white-space:pre;font-weight:700;margin-bottom:18px}
.entryblock{margin-bottom:16px}
.line{white-space:pre-wrap;word-break:break-word;color:var(--fg)}
.dim{color:var(--dim);white-space:pre-wrap}
.err{color:var(--err);white-space:pre-wrap;font-weight:600}
.cmdecho{white-space:pre-wrap;margin-bottom:2px}
.cmdecho .host{color:var(--pink);font-weight:700}
.cmdecho .path{color:var(--purple);font-weight:700}
.cmdecho .dim{color:var(--dim)}
.cmdecho .typed{color:var(--fg);font-weight:600}
a.link{color:var(--cyan);text-decoration:underline;display:block}
.pending{display:flex;gap:10px;color:var(--dim);margin-bottom:16px}
.pending .spin{color:var(--purple)}
.box{border:1px solid;border-radius:10px;padding:16px 18px 14px;position:relative;margin-top:6px}
.box-purple{border-color:var(--purple);background:rgba(125,86,244,.07)}
.box-cyan{border-color:var(--cyan);background:rgba(111,230,255,.06)}
.box-green{border-color:var(--green);background:rgba(4,217,125,.07)}
.box-pink{border-color:var(--pink);background:rgba(255,106,193,.07)}
.box-yellow{border-color:var(--yellow);background:rgba(255,210,76,.07)}
.pill{position:absolute;top:-11px;left:14px;font-size:11px;font-weight:800;letter-spacing:.06em;padding:2px 9px;border-radius:5px;color:#15131c}
.pill-purple{background:var(--purple)}
.pill-cyan{background:var(--cyan)}
.pill-green{background:var(--green)}
.pill-pink{background:var(--pink)}
.pill-yellow{background:var(--yellow)}
.boxbody{margin-top:4px}
.inputline{display:flex;align-items:center;gap:8px;position:sticky;bottom:0;background:var(--bg);padding-top:6px}
.prompt-host{color:var(--pink);font-weight:700}
.prompt-path{color:var(--purple);font-weight:700}
.prompt-sym{color:var(--dim)}
.cmdinput{flex:1;background:transparent;border:none;outline:none;color:var(--fg);font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:600;caret-color:var(--purple)}
.hint{margin-top:12px;color:var(--dim);font-size:12px;opacity:.9}
.crtoverlay{position:absolute;inset:0;pointer-events:none;z-index:3}
.crt-full .crtoverlay{background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0px,rgba(0,0,0,0) 1px,rgba(0,0,0,.12) 2px,rgba(0,0,0,0) 3px)}
.crt-subtle .crtoverlay{background:radial-gradient(ellipse at center,rgba(0,0,0,0) 75%,rgba(0,0,0,.25) 100%)}
.crt-off .crtoverlay{display:none}