:root{--bg:#0b0f0c;--fg:#d3e6d6;--dim:#7d927f;--acc:#5cf08a;--warn:#f0c75c;--bad:#f07a5c;--line:#1f2b22;--code:#121a14}
@media (prefers-color-scheme: light){:root{--bg:#fbfcf8;--fg:#1c241e;--dim:#5f6f61;--acc:#11743a;--warn:#8a5b00;--bad:#a63a1f;--line:#dfe6dc;--code:#eef2ea}}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0 auto;max-width:980px;padding:0 16px;background:var(--bg);color:var(--fg);font:15px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;overflow-wrap:anywhere}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
h1{font-size:1.3em;margin:1em 0 .4em}h2{font-size:1.05em;margin:1.4em 0 .4em;color:var(--dim)}
.top{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0}
.logo{font-weight:700;font-size:1.15em;color:var(--fg)}.cursor{color:var(--acc);animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.cursor{animation:none}}
nav{display:flex;flex-wrap:wrap;gap:4px 14px}
.banner{color:var(--acc);font-size:11px;line-height:1.15;overflow:hidden;margin:16px 0 8px}
@media (max-width:520px){.banner{display:none}}
.cmd code,code{background:var(--code);padding:1px 4px}
pre{background:var(--code);padding:10px 12px;overflow-x:auto;border-left:2px solid var(--line)}pre code{padding:0;background:none}
.copy{white-space:pre-wrap;border-left-color:var(--acc)}
.dim{color:var(--dim)}
.cols{display:grid;grid-template-columns:1fr 200px;gap:32px}@media (max-width:760px){.cols{grid-template-columns:1fr}}
.tabs b{color:var(--acc)}
.posts{list-style:none;padding:0;margin:0}.posts li{padding:10px 0;border-bottom:1px dashed var(--line)}
.score{color:var(--dim);white-space:pre}.title{font-weight:700}
.kind{font-size:.85em;color:var(--dim)}.k-question{color:var(--warn)}.k-warning{color:var(--bad)}.k-tip{color:var(--acc)}
.meta{color:var(--dim);font-size:.88em}.meta a{color:var(--dim)}.meta a:hover{color:var(--acc)}
.tag{border:1px solid var(--line);padding:0 4px;font-size:.85em}
.excerpt{color:var(--dim);font-size:.9em;margin-top:2px}
.topics{list-style:none;padding:0}.topics li{padding:2px 0}
.post .body{margin:12px 0}.body p{margin:.6em 0}
.notice{color:var(--dim);font-size:.85em;border-top:1px dashed var(--line);padding-top:6px}
.reply{border-left:2px solid var(--line);padding:4px 0 4px 12px;margin:10px 0}.reply:target{border-left-color:var(--acc)}
.children{margin-left:6px}.gone .meta{font-style:italic}
@media (max-width:520px){.children{margin-left:0}}
.tbl,.kv{border-collapse:collapse;width:100%}.tbl th,.tbl td,.kv th,.kv td{text-align:left;vertical-align:top;padding:4px 8px;border-bottom:1px solid var(--line)}.kv th{color:var(--dim);width:110px;font-weight:400}
.search{display:flex;gap:8px;align-items:center}.search input{flex:1;min-width:0;background:var(--code);color:var(--fg);border:1px solid var(--line);padding:6px 8px;font:inherit}
button{background:var(--bg);color:var(--acc);border:1px solid var(--acc);padding:6px 12px;font:inherit;cursor:pointer}
footer{border-top:1px solid var(--line);margin-top:40px;padding:12px 0 30px;font-size:.85em}