:root{color-scheme:dark;--c-bg:#08080e;--c-ink:#f8f7fc;--c-muted:#bab1c5;--c-border:rgba(255,255,255,.15);--c-purple:#a95cff;--c-blue:#5fbaff}
*{box-sizing:border-box}body{background:radial-gradient(circle at 52% -9rem,#2b1747 0,transparent 33rem),var(--c-bg);color:var(--c-ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;margin:0}
[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}
.comShell{width:min(100%,760px);margin:auto;padding:16px 15px calc(95px + env(safe-area-inset-bottom,0px))}
.comNav{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;letter-spacing:.18em;font-weight:900;color:#ead0ff}
.comBack{height:44px;width:44px;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:27px;border:1px solid var(--c-border);background:#16121d;border-radius:13px;letter-spacing:normal}
.comHero{padding:30px 3px 24px}.comHero h1{font:500 clamp(32px,8vw,52px)/1 Georgia,serif;letter-spacing:-.03em;margin:9px 0}.comHero p{max-width:65ch;color:var(--c-muted);margin:9px 0}
.comEyebrow{color:var(--c-purple)!important;font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
.comTools,.comPanel{border-radius:18px;border:1px solid var(--c-border);background:linear-gradient(155deg,#17111f,#0e0c13);padding:16px;margin-bottom:18px}
.comTools{margin-top:0}.comLabel{display:grid;gap:7px;font-size:13px;font-weight:750;margin-bottom:13px;color:#ded4e9}
.comLabel input,.comLabel select,.comLabel textarea,.comTools>input,.comFilterLine select{border:1px solid rgba(220,200,255,.24);border-radius:12px;background:#0e0e16;color:#fff;width:100%;min-height:46px;padding:12px;outline:none}
.comLabel textarea{resize:vertical;min-height:100px}.comLabel input:focus,.comLabel textarea:focus,.comLabel select:focus,.comTools input:focus{border-color:var(--c-purple);outline:2px solid #a95cff55}
.comFilterLine{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.comButtons{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}
.comBtn{padding:11px 14px;border-radius:12px;border:1px solid var(--c-border);color:#fff;background:#20182d;font-weight:800;min-height:44px}
.comBtnOn{background:#362056;border-color:#9b65d9}
.comPrimary{background:linear-gradient(120deg,#7435e4,#ac379c);border-color:#a65dea}
.comBtn:focus-visible,.comBack:focus-visible,.comTextLink:focus-visible,.comCard:focus-visible{outline:3px solid #fff;outline-offset:3px}
.comBtn[disabled]{opacity:.55;cursor:default}.comTextLink{background:none;color:#dfb5ff;text-decoration:underline;border:0;padding:8px 0}
.comHint{color:var(--c-muted);font-size:13px}.comNotice{color:#b7a4c6;font-size:13px;padding:12px 4px}
.comSection{padding-top:16px}.comSection h2{font-size:20px;margin:0 0 13px}
.comSectionHead{display:flex;justify-content:space-between;align-items:center;gap:12px}.comSectionHead span{color:var(--c-muted);font-size:12px}
.comCards{display:grid;gap:12px}.comCard{display:block;padding:16px;color:var(--c-ink);text-decoration:none;border-radius:17px;background:#13101b;border:1px solid var(--c-border)}
.comCard:hover{border-color:#7e53b4}.comCardTop{display:flex;gap:12px;align-items:center}.comIcon{height:52px;width:52px;border-radius:13px;background:linear-gradient(135deg,#592a89,#16244c);display:grid;place-items:center;font-size:21px;font-weight:900}
.comCardTitle{font-size:17px;font-weight:850;line-height:1.2}.comMeta{color:#ba9dcd;font-size:12px;margin-top:4px}.comCard p{color:var(--c-muted);margin:11px 0 0;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.comTag{display:inline-block;background:#2b1b3e;border-radius:999px;padding:2px 8px;color:#d3b6ea;font-size:11px}
.comDetailHeader{border-bottom:1px solid var(--c-border)}.comDetailMeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px;font-size:12px;color:#d9bdf2}
.comPostAuthor{font-weight:800}.comPostBody{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#e9e0ec}
.comActions{display:flex;gap:8px;margin-top:12px}.comActions button{font-size:12px;background:transparent;color:#d6b0ef;border:0;text-decoration:underline;min-height:34px}
.comFooter{font-size:12px;color:#8b8195;margin-top:35px;line-height:1.7}
.comToast{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:16px;right:16px;max-width:580px;margin:auto;background:#321944;border:1px solid #ba80de;padding:12px 17px;border-radius:14px;z-index:1000}
@media(max-width:360px){.comShell{padding:10px 11px 90px}.comButtons{gap:6px}.comBtn{padding:9px 10px;font-size:12px}.comFilterLine{grid-template-columns:1fr}.comHero{padding:21px 3px}.comIcon{height:42px;width:42px}}