.board-wrap{display:grid;grid-template-columns:minmax(0,800px) 264px;gap:26px;align-items:start}.board-col{max-width:800px;min-width:0}.member-rail{position:sticky;top:calc(var(--top-h) + 24px);max-height:calc(100vh - var(--top-h) - 48px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--card-2),var(--card));box-shadow:var(--elev-1);overflow:hidden}@media (max-width:1100px){.board-wrap{display:block}.member-rail{display:none}}.mr-head{display:flex;align-items:baseline;gap:8px;padding:14px 16px 10px;border-bottom:1px solid var(--line)}.mr-title{font-weight:800;letter-spacing:.18em}.mr-online,.mr-title{color:var(--muted);font-family:var(--mono);font-size:10px}.mr-online{display:inline-flex;align-items:center;gap:5px;letter-spacing:.06em;font-variant-numeric:tabular-nums}.mr-online i{width:7px;height:7px;border-radius:50%;background:#3dd68c;box-shadow:0 0 0 3px rgba(61,214,140,.18)}.mr-count{margin-left:auto;padding:1px 9px;border-radius:999px;background:rgba(var(--live-rgb),.1);border:1px solid rgba(var(--live-rgb),.35);color:var(--live);font-family:var(--mono);font-size:10.5px;font-weight:800;font-variant-numeric:tabular-nums}.mr-list{margin:0;padding:6px;list-style:none;overflow-y:auto;scrollbar-width:thin}.mr-row{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:10px;text-decoration:none;transition:background .12s}.mr-row:hover{background:var(--hover-1)}.mr-ava{position:relative;flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--panel);border:1px solid var(--line-2);font-size:15px}.mr-ava.online{border-color:rgba(61,214,140,.6)}.mr-dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:#3dd68c;border:2px solid var(--card)}.mr-ava img{width:28px;height:28px;object-fit:contain}.mr-meta{min-width:0;display:grid;gap:1px}.mr-name{display:flex;align-items:center;gap:5px;color:var(--ink);font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr-name .bs-featured .bs-mini{width:16px;height:16px;border-width:1px}.mr-name .bs-featured .bs-mini-glyph{font-size:8px}.mr-sub{color:var(--faint);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis}.mr-badges,.mr-sub{font-family:var(--mono);font-size:10px;white-space:nowrap}.mr-badges{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.mr-foot{margin:0;padding:10px 16px 12px;border-top:1px solid var(--line);color:var(--faint);font-size:11px;line-height:1.6}.mr-foot a{color:var(--live);font-weight:700;text-decoration:none}.mr-foot a:hover{text-decoration:underline}.compose{margin-top:16px;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--card-2),var(--card));box-shadow:var(--elev-1)}.compose-id{display:flex;align-items:center;gap:8px;margin:0;color:var(--faint);font-family:var(--mono);font-size:11px;letter-spacing:.1em}.compose-id b{color:var(--violet);font-weight:700}.moods{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.mood{padding:7px 12px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--muted);font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.mood:hover{color:var(--ink);border-color:var(--line-2)}.mood.on{color:var(--on-accent);background:var(--live);border-color:var(--live);font-weight:700}.compose textarea{width:100%;min-height:86px;margin-top:14px;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6;resize:vertical}.compose textarea:focus{outline:none;border-color:rgba(var(--live-rgb),.5);box-shadow:0 0 0 3px rgba(var(--live-rgb),.12)}.compose-foot{justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:12px}.compose-foot,.compose-tools{display:flex;align-items:center}.compose-tools{gap:14px;min-width:0}.char-count{color:var(--faint);font-family:var(--mono);font-size:11px}.char-count.over{color:var(--danger)}.img-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--muted);font-family:var(--sans);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.img-btn:hover{color:var(--ink);border-color:rgba(var(--live-rgb),.5);background:rgba(var(--live-rgb),.08)}.img-hint{color:var(--faint);font-size:11.5px;white-space:nowrap}.img-hint a{color:var(--live);font-weight:700;text-decoration:none}.img-hint a:hover{text-decoration:underline}.img-preview{position:relative;margin-top:12px;width:fit-content;max-width:100%;border:1px solid var(--line-2);border-radius:12px;overflow:hidden;background:var(--bg)}.img-preview img{display:block;width:auto;height:auto;max-width:min(340px,100%);max-height:220px;object-fit:contain}.img-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;font-size:13px;line-height:1;cursor:pointer;transition:background .15s}.img-remove:hover{background:rgba(0,0,0,.82)}.post-btn{min-height:42px;padding:0 26px;border:0;border-radius:10px;background:var(--live);color:var(--on-accent);font-family:var(--sans);font-size:13.5px;font-weight:800;letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 16px rgba(var(--live-rgb),.25);transition:transform .15s,filter .15s,opacity .15s}.post-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.post-btn:disabled{opacity:.45;cursor:default;transform:none}.flash{margin:10px 0 0;font-size:12px;color:var(--danger);min-height:16px}.flash.ok{color:var(--live)}.feed{margin-top:20px;display:grid;gap:10px}.post{padding:15px 17px;border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(180deg,var(--card-2),var(--card));box-shadow:var(--elev-1)}.post.fresh{animation:fresh-in .5s ease}.post.post-target{animation:post-glow 2.2s ease;border-color:rgba(var(--live-rgb),.6)}@keyframes post-glow{0%{box-shadow:0 0 0 3px rgba(var(--live-rgb),.45)}to{box-shadow:var(--elev-1)}}@keyframes fresh-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.post-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 10px;font-size:12px}.post-avatar{color:var(--violet)}.post-name{color:var(--ink);font-weight:700;letter-spacing:.04em}.post-time{color:var(--faint);font-size:11px}.post-mood{margin-left:auto;padding:2px 9px;border:1px solid rgba(var(--violet-rgb),.35);border-radius:999px;color:var(--violet);font-family:var(--mono);font-size:9.5px;letter-spacing:.12em}.post-del{padding:2px 5px;border:0;border-radius:6px;background:transparent;color:var(--faint);font-size:12px;line-height:1;cursor:pointer;opacity:.5;transition:opacity .15s,color .15s,background .15s}.post-del:hover{opacity:1;color:var(--danger);background:var(--hover-1)}.post-body{margin:8px 0 0;color:var(--ink-2);font-size:13.5px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.post-image{display:block;width:fit-content;max-width:100%;margin:12px 0 0;padding:0;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--bg);cursor:zoom-in;transition:border-color .15s}.post-image:hover{border-color:rgba(var(--live-rgb),.5)}.post-image img{display:block;width:auto;height:auto;max-width:min(400px,100%);max-height:400px;object-fit:contain}.lightbox{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(6,8,14,.82);backdrop-filter:blur(6px);cursor:zoom-out;animation:lb-in .18s ease}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lightbox img{max-width:min(1100px,96vw);max-height:92vh;object-fit:contain;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.6);cursor:default}.lightbox-close{position:absolute;top:18px;right:20px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(0,0,0,.4);color:#fff;font-size:16px;line-height:1;cursor:pointer;transition:background .15s}.lightbox-close:hover{background:rgba(0,0,0,.7)}.load-more{margin:18px 0 0;display:block;min-height:40px;padding:0 24px;border:1px solid var(--line-2);border-radius:10px;background:transparent;color:var(--muted);font-family:var(--sans);font-size:12.5px;font-weight:700;cursor:pointer;transition:color .15s,border-color .15s}.load-more:hover{color:var(--ink);border-color:var(--line-2)}.load-more[hidden]{display:none}.feed-empty{padding:32px 0;color:var(--muted);font-size:13px;text-align:center}.post-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.react-bar{display:flex;gap:6px;flex-wrap:wrap}.react-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--muted);font-size:13px;line-height:1;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.react-btn b{font-family:var(--mono);font-size:11px;font-weight:700}.react-btn:hover{border-color:rgba(var(--live-rgb),.5);transform:translateY(-1px)}.react-btn.on{border-color:rgba(var(--live-rgb),.6);background:rgba(var(--live-rgb),.12);color:var(--ink)}.thread-btn{padding:4px 12px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--muted);font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.thread-btn.on,.thread-btn:hover{color:var(--ink);border-color:rgba(var(--violet-rgb),.45)}.thread{margin-top:12px;padding:12px 12px 10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg)}.thread-hint{margin:2px 0 10px;color:var(--faint);font-size:12px}.thread-error{margin:8px 0 0;color:var(--danger);font-size:12px}.cmt{display:flex;gap:9px;padding:7px 0}.cmt+.cmt{border-top:1px solid var(--line)}.cmt-avatar{color:var(--violet);font-size:13px;line-height:1.5}.cmt-main{min-width:0;flex:1}.cmt-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;font-size:12px}.cmt-head b{color:var(--ink);font-weight:700;letter-spacing:.03em}.cmt-del,.cmt-time{color:var(--faint);font-size:10.5px}.cmt-del{margin-left:auto;padding:1px 4px;border:0;border-radius:5px;background:transparent;line-height:1;cursor:pointer;opacity:.5;transition:opacity .15s,color .15s,background .15s}.cmt-del:hover{opacity:1;color:var(--danger);background:var(--hover-1)}.cmt-body{margin:3px 0 0;color:var(--ink-2);font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.cmt-compose{display:flex;gap:8px;margin-top:10px}.cmt-compose input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--line-2);border-radius:9px;background:var(--card);color:var(--ink);font-family:var(--sans);font-size:13px}.cmt-compose input:focus{outline:none;border-color:rgba(var(--live-rgb),.5);box-shadow:0 0 0 3px rgba(var(--live-rgb),.12)}.cmt-compose button{padding:0 16px;border:0;border-radius:9px;background:var(--live);color:var(--on-accent);font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.04em;cursor:pointer}.cmt-compose button:disabled{opacity:.45;cursor:default}