:root{--bg:#10141b;--card:#18202b;--line:#2a3544;--fg:#e8edf4;--mut:#8d9bb0;--acc:#4fd1c5}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 Georgia,'Times New Roman',serif}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--card);border-bottom:1px solid var(--line)}
#brand{font-weight:700;font-size:1.3rem;color:var(--acc);text-decoration:none}
nav{display:flex;gap:14px;align-items:center;font-family:system-ui,sans-serif;font-size:.9rem}
a{color:var(--acc)}main{max-width:760px;margin:0 auto;padding:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px 14px;margin:10px 0}
.post{display:flex;gap:12px;align-items:baseline}.post.hidden,.post.removed{opacity:.5}
input,textarea{width:100%;padding:10px;margin:6px 0;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:6px;font:inherit}
button{background:var(--acc);color:#06201d;border:0;border-radius:6px;padding:8px 14px;margin:4px 6px 4px 0;cursor:pointer;font:600 .9rem system-ui,sans-serif}
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.row{display:flex;flex-wrap:wrap}.body{white-space:pre-wrap}.muted,small{color:var(--mut)}
.msg{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#2a3546;padding:10px 16px;border-radius:6px;font-family:system-ui,sans-serif}
details{margin:12px 0}summary{cursor:pointer;color:var(--acc)}
.callbox{position:fixed;right:16px;bottom:16px;width:min(380px,94vw);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px;z-index:5}
.callbox video{width:100%;border-radius:6px;background:#000;margin-top:6px}.callbox .lv{width:40%}
.log{max-height:320px;overflow:auto}.mine{color:var(--acc)}.msg{z-index:6}