:root{--fg:#e8d9b0;--hi:#ffcc00;--name:#5fd068;--red:#ff3a2a;--dim:#8a6a4a;--line:#5a2a10}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:#0a0303;color:var(--fg);font-family:"Courier New",Courier,"PingFang SC","Noto Sans CJK SC",monospace;
  padding-bottom:env(safe-area-inset-bottom)}
a{color:#ff9900;text-decoration:none}
a:hover{color:#000;background:#ff9900}
@keyframes blink{50%{opacity:0}}
.blink{animation:blink 1s infinite steps(1);color:#ff1a1a;font-weight:bold}
.dim{color:var(--dim)}
.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:8px;align-items:center;
  padding:10px max(12px,env(safe-area-inset-left));padding-top:calc(10px + env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));
  background:rgba(10,0,0,.96);border-bottom:2px dashed #883300;font-size:13px;color:var(--hi)}
.sheet{max-width:860px;margin:0 auto;padding:12px 14px 40px}
.rule{margin:8px 0;color:var(--line);overflow:hidden;white-space:nowrap;font-size:12px;line-height:1;user-select:none}
h1{font-size:20px;font-weight:bold;color:var(--red);margin:8px 0 4px;letter-spacing:2px;text-shadow:0 0 6px rgba(255,40,20,.4)}
.lead{font-size:13px;line-height:1.8;margin:4px 0;color:var(--fg)}
.pager{font-size:13px;margin:8px 0;line-height:2;word-break:break-all}
.pager a,.pager b{margin-right:8px}
.pager b{color:var(--hi)}
.res{padding:6px 0 0}
.res .h{font-size:13px;line-height:1.7;word-break:break-all}
.res .no{color:var(--hi);cursor:pointer;font-weight:bold;background:none;border:0;font:inherit;padding:0;-webkit-appearance:none}
.res .no:hover{background:var(--hi);color:#000}
.res .nm{color:var(--name);font-weight:bold}
.res .dt,.res .id{color:var(--dim)}
.res .b{margin:6px 0 6px 1.5em;font-size:15px;line-height:1.75;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;
  font-family:"PingFang SC","Noto Sans CJK SC","Courier New",monospace}
.res .b a.ref{color:#6aa8ff}
.res .b a.ref:hover{background:#6aa8ff;color:#000}
.res .b .gt{color:#7fbf6a}
.res .cut{border-bottom:1px dashed #4a2a14;margin-top:6px}
.res.hl{background:rgba(255,204,0,.07);outline:1px dashed var(--hi)}
.empty{color:var(--dim);font-size:14px;padding:12px 0}
.post-form{font-size:14px}
.post-form .row{display:flex;align-items:center;gap:8px;margin:6px 0}
.post-form .row.end{justify-content:flex-end;flex-wrap:wrap}
.post-form label{white-space:nowrap;color:var(--name)}
.post-form input,.post-form textarea{width:100%;background:#000;color:var(--fg);border:1px solid #5a2a10;padding:7px;font-family:inherit;font-size:16px;border-radius:0;-webkit-appearance:none}
.post-form input:focus,.post-form textarea:focus{outline:1px solid var(--hi)}
.post-form textarea{resize:vertical}
.post-form button{font-family:inherit;font-size:15px;min-width:120px;min-height:40px;background:#1a0000;color:var(--hi);border:1px solid #aa2200;cursor:pointer;border-radius:0;-webkit-appearance:none}
.post-form button:hover{background:var(--hi);color:#000}
.post-form button:disabled{opacity:.55;cursor:default;background:#1a0000;color:var(--hi)}
.msg{font-size:12px;color:var(--red);flex:1}
.msg.ok{color:var(--name)}
.foot{text-align:center;font-size:13px;line-height:2}
@media (max-width:600px){
  .sheet{padding:8px 10px 32px}
  h1{font-size:18px}
  .res .b{margin-left:.5em;font-size:15px}
}
@media (prefers-reduced-motion:reduce){.blink{animation:none}}