@font-face{font-family:VT323;src:url(/assets/fonts/VT323-Regular.woff2) format("woff2");font-display:swap}

:root{--desk:#008080;--win:#c0c0c0;--ink:#000;--hi:#fff;--lo:#808080;--title:#000080;--title2:#1084d0;--screen:#001a0d;--phos:#3dff7a;--link:#0000ee;--amber:#b36b00}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--desk:#0b2a2a;--win:#3a3a3e;--ink:#eee;--hi:#6a6a70;--lo:#111;--title:#1a1a6e;--title2:#3b5bdb;--screen:#000;--link:#8ab4ff;--amber:#ffb84d}}
:root[data-theme=dark]{--desk:#0b2a2a;--win:#3a3a3e;--ink:#eee;--hi:#6a6a70;--lo:#111;--title:#1a1a6e;--title2:#3b5bdb;--screen:#000;--link:#8ab4ff;--amber:#ffb84d}
*{box-sizing:border-box}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 56px);scroll-behavior:smooth}
body{margin:0;background:var(--desk);color:var(--ink);font:16px/1.55 Tahoma,Verdana,"DejaVu Sans",sans-serif;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 56px env(safe-area-inset-left,0px)}
a{color:var(--link)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px dotted var(--ink);outline-offset:2px}
.wrap{max-width:920px;margin:0 auto;padding:16px 12px;display:grid;gap:22px}
.win{background:var(--win);border:2px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);box-shadow:1px 1px 0 #000,6px 6px 0 rgba(0,0,0,.28)}
.bar{background:linear-gradient(90deg,var(--title),var(--title2));color:#fff;padding:3px 6px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px}
.bar i{font-style:normal;display:flex;gap:3px}
.bar i b{width:18px;height:16px;background:var(--win);color:var(--ink);border:2px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);font-size:11px;line-height:12px;text-align:center}
.in{padding:14px}
h1,h2{font-family:VT323,"Courier New",monospace;font-weight:400;margin:0 0 8px;line-height:1.05}
h1{font-size:clamp(2.2rem,7vw,3.6rem)}
h2{font-size:1.9rem}
h3{margin:0 0 4px;font-size:1.05rem}
.term{background:var(--screen);color:var(--phos);font:20px/1.35 VT323,"Courier New",monospace;padding:14px;min-height:15.5em;border:2px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);text-shadow:0 0 6px rgba(61,255,122,.45);overflow-x:auto;white-space:pre-wrap}
.term .c{display:inline-block;width:.6em;height:1em;background:var(--phos);vertical-align:-2px;animation:bl 1s steps(2) infinite}
@keyframes bl{50%{opacity:0}}
.tag{display:inline-block;margin:6px 6px 0 0;padding:1px 8px;border:2px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);font-size:13px}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.file{background:var(--hi);color:#000;border:2px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);padding:12px}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .file{background:#202024;color:#eee}}
:root[data-theme=dark] .file{background:#202024;color:#eee}
.file small{color:var(--amber);font-family:VT323,monospace;font-size:1.1rem}
.btn{font:inherit;background:var(--win);color:var(--ink);padding:5px 14px;border:2px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);cursor:pointer;box-shadow:1px 1px 0 #000}
.btn:active{border-color:var(--lo) var(--hi) var(--hi) var(--lo)}
.news article{border-bottom:1px dashed var(--lo);padding:8px 0}
.news article:last-child{border:0}
time{font-family:VT323,monospace;font-size:1.1rem;color:var(--amber)}
pre.man{margin:0;font:18px/1.35 VT323,"Courier New",monospace;white-space:pre-wrap}
input,textarea{font:inherit;width:100%;padding:6px;background:var(--hi);color:#000;border:2px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);margin:4px 0 10px}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) input,:root:not([data-theme=light]) textarea{background:#101012;color:#eee}}
:root[data-theme=dark] input,:root[data-theme=dark] textarea{background:#101012;color:#eee}
.task{position:fixed;left:0;right:0;bottom:0;background:var(--win);border-top:2px solid var(--hi);padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:14px;z-index:5}
.task nav{display:flex;gap:6px;flex-wrap:wrap}
.marq{overflow:hidden;white-space:nowrap;background:#000;color:#ffb000;font:18px VT323,monospace;padding:2px 0}
.marq span{display:inline-block;padding-left:100%;animation:m 28s linear infinite}
@keyframes m{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.marq span{animation:none;padding:0}.term .c{animation:none}html{scroll-behavior:auto}}
.row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.ok{color:var(--amber)}
.term.s{min-height:8em;max-height:12em;overflow:auto;font-size:18px;margin:6px 0}.file label{display:block;font-size:14px}.file p{margin:4px 0}
.wrap.nopad{padding:0}
a.btn{display:inline-block;text-decoration:none;color:inherit;margin:2px 0}
.foot{text-align:center;color:#fff;padding:0 12px 12px;font-size:14px}.foot a{color:#fff}
.err{background:#b00020;color:#fff;padding:4px 8px}
form.inl{display:inline}
.news h3 a{color:inherit}
