.comm-shell{--dv-bg:#0a0a0b;--dv-panel:#131315;--dv-panel-2:#101011;--dv-accent:#ff005e;--dv-accent-2:#c9004a;--dv-accent-hover:#ff3379;--dv-accent-fg:#fff;--dv-accent-soft:#ff005e24;--dv-green:#6ee0b0;--dv-green-soft:#8ee9c2;--dv-red:#ff8f8f;--dv-text:#ececeb;--dv-text-dim:#ffffff8c;--dv-text-faint:#ffffff59;--dv-border:#ffffff14;--dv-border-soft:#ffffff0d;background:var(--dv-bg);min-height:100dvh;color:var(--dv-text);font-family:Inter,sans-serif}.comm-serif{font-family:Instrument Serif,Georgia,serif}.comm-wrap{width:100%;max-width:760px;margin:0 auto;padding:0 16px}@media (min-width:1024px){.comm-wrap{max-width:880px}}.comm-topbar{z-index:40;-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);background:color-mix(in srgb,var(--dv-bg)82%,transparent);border-bottom:1px solid var(--dv-border-soft);position:sticky;top:0}.comm-topbar-inner{align-items:center;gap:10px;max-width:880px;height:60px;margin:0 auto;padding:0 16px;display:flex}.comm-brand{color:var(--dv-text);letter-spacing:-.01em;align-items:center;gap:9px;font-size:16px;font-weight:700;display:flex}.comm-logo-dot{background:linear-gradient(135deg,var(--dv-accent),#7c3aed);color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;display:grid;box-shadow:0 4px 16px #ff005e59}.comm-topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.comm-btn{border:1px solid var(--dv-border);background:var(--dv-panel);min-height:44px;color:var(--dv-text);cursor:pointer;touch-action:manipulation;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.comm-btn:hover{border-color:color-mix(in srgb,var(--dv-accent)40%,var(--dv-border));background:var(--dv-panel-2)}.comm-btn:active{transform:scale(.97)}.comm-btn--primary{background:var(--dv-accent);color:var(--dv-accent-fg);border-color:#0000;box-shadow:0 6px 20px #ff005e52}.comm-btn--primary:hover{background:var(--dv-accent-hover)}.comm-btn--ghost{color:var(--dv-text-dim);background:0 0;border-color:#0000}.comm-btn--ghost:hover{background:var(--dv-panel);color:var(--dv-text)}.comm-btn--sm{border-radius:10px;min-height:36px;padding:0 12px;font-size:13px}.comm-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.comm-btn--icon{width:44px;min-width:44px;padding:0}.comm-chip{letter-spacing:.01em;background:var(--dv-accent-soft);height:22px;color:var(--dv-accent-hover);border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.comm-chip--muted{color:var(--dv-text-dim);background:#ffffff0f}.comm-chip--member{color:var(--dv-green);background:#6ee0b024}.comm-card{background:var(--dv-panel);border:1px solid var(--dv-border);border-radius:16px;transition:transform .18s,border-color .18s,box-shadow .18s}.comm-card--link{color:inherit;text-decoration:none;display:block}.comm-card--link:hover{border-color:color-mix(in srgb,var(--dv-accent)34%,var(--dv-border));transform:translateY(-2px);box-shadow:0 12px 34px #00000059}.comm-card--link:active{transform:translateY(0)scale(.995)}.comm-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:640px){.comm-grid{grid-template-columns:1fr 1fr}}.comm-icon-tile{background:var(--dv-accent-soft);width:42px;height:42px;color:var(--dv-accent-hover);border-radius:12px;flex:none;place-items:center;display:grid}.comm-vote{flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.comm-vote-btn{width:36px;height:30px;color:var(--dv-text-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;transition:background .15s,color .15s,transform .12s;display:grid}.comm-vote-btn:hover{background:var(--dv-panel-2);color:var(--dv-text)}.comm-vote-btn:active{transform:scale(.9)}.comm-vote-btn.is-on{color:var(--dv-accent);background:var(--dv-accent-soft)}.comm-vote-score{font-variant-numeric:tabular-nums;color:var(--dv-text);font-size:13px;font-weight:700}.comm-input,.comm-textarea{background:var(--dv-panel-2);border:1px solid var(--dv-border);width:100%;color:var(--dv-text);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:16px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.comm-textarea{resize:vertical;min-height:108px}.comm-input:focus,.comm-textarea:focus{border-color:var(--dv-accent);box-shadow:0 0 0 3px var(--dv-accent-soft);outline:none}.comm-label{color:var(--dv-text-dim);margin:0 0 6px 2px;font-size:12px;font-weight:600;display:block}.comm-hint{color:var(--dv-text-faint);margin-top:6px;font-size:12px}.comm-tabs{background:var(--dv-panel-2);border:1px solid var(--dv-border);border-radius:12px;gap:2px;padding:4px;display:inline-flex}.comm-tab{cursor:pointer;min-height:36px;color:var(--dv-text-dim);background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.comm-tab[aria-current=true]{background:var(--dv-accent-soft);color:var(--dv-accent-hover)}.comm-cta{border:1px solid color-mix(in srgb,var(--dv-accent)26%,var(--dv-border));background:linear-gradient(135deg,#ff005e1f,#7c3aed1a);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.comm-muted{color:var(--dv-text-dim)}.comm-faint{color:var(--dv-text-faint)}.comm-hairline{background:var(--dv-border-soft);border:0;height:1px;margin:0}.comm-prose{color:var(--dv-text);word-wrap:break-word;overflow-wrap:anywhere;line-height:1.65}.comm-prose a{color:var(--dv-accent);text-underline-offset:2px;text-decoration:underline}.comm-btn:focus-visible,.comm-vote-btn:focus-visible,.comm-tab:focus-visible,.comm-card--link:focus-visible,a:focus-visible{box-shadow:0 0 0 3px var(--dv-accent-soft),0 0 0 1px var(--dv-accent);outline:none}@keyframes commFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.comm-fade{animation:.28s both commFadeUp}@media (prefers-reduced-motion:reduce){.comm-card--link,.comm-btn,.comm-vote-btn,.comm-fade{transition:none!important;animation:none!important;transform:none!important}}.comm-browser{background:var(--dv-bg);height:100%;min-height:0;color:var(--dv-text);grid-template-columns:244px minmax(320px,420px) 1fr;display:grid}.comm-rail{background:var(--dv-panel-2);border-right:1px solid var(--dv-border);flex-direction:column;min-height:0;display:flex}.comm-rail-head{justify-content:space-between;align-items:center;padding:16px 14px 12px;display:flex}.comm-rail-scroll{flex:1;padding:0 8px 12px;overflow-y:auto}.comm-rail-cat{letter-spacing:.07em;text-transform:uppercase;color:var(--dv-text-faint);padding:12px 8px 5px;font-size:10.5px;font-weight:700}.comm-rail-item{cursor:pointer;text-align:left;width:100%;color:var(--dv-text-dim);background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;margin-bottom:1px;padding:8px 9px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.comm-rail-item:hover{color:var(--dv-text);background:#ffffff0d}.comm-rail-item.is-active{background:var(--dv-accent-soft);color:var(--dv-accent-hover);font-weight:600}.comm-rail-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.comm-rail-count{color:var(--dv-text-faint);font-variant-numeric:tabular-nums;font-size:11px}.comm-list{border-right:1px solid var(--dv-border);flex-direction:column;min-height:0;display:flex}.comm-list-head{border-bottom:1px solid var(--dv-border-soft);align-items:center;gap:10px;min-height:60px;padding:14px;display:flex}.comm-list-tools{padding:12px 14px 0;display:flex}.comm-list-scroll{flex-direction:column;flex:1;gap:10px;padding:12px 14px 24px;display:flex;overflow-y:auto}.comm-detail{flex-direction:column;min-height:0;display:flex}.comm-detail-bar{border-bottom:1px solid var(--dv-border-soft);padding:10px 14px;display:none}.comm-detail-scroll{flex:1;overflow-y:auto}.comm-detail-inner{max-width:760px;margin:0 auto;padding:20px 18px 60px}.comm-detail-placeholder{text-align:center;place-items:center;height:100%;padding:24px;display:grid}.comm-menu,.comm-rail-close,.comm-drawer-scrim{display:none}.comm-skeleton{background:linear-gradient(90deg,var(--dv-panel)25%,var(--dv-panel-2)37%,var(--dv-panel)63%);background-size:400% 100%;border-radius:12px;animation:1.3s infinite commShimmer}@keyframes commShimmer{0%{background-position:100% 0}to{background-position:0 0}}.comm-empty{text-align:center;color:var(--dv-text-dim);padding:40px 20px}@media (max-width:1023px){.comm-browser{grid-template-columns:1fr;position:relative}.comm-rail{z-index:60;width:min(80vw,300px);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.comm-rail.is-open{transform:none;box-shadow:0 0 60px #0009}.comm-rail-close,.comm-menu{display:inline-flex}.comm-drawer-scrim{z-index:55;background:#0000008c;display:block;position:fixed;inset:0}.comm-detail{z-index:50;background:var(--dv-bg);transition:transform .24s;position:fixed;inset:0;transform:translate(100%)}.comm-browser[data-detail="1"] .comm-detail{transform:none}.comm-detail-bar{align-items:center;display:flex}}.comm-chanstrip{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:7px;padding:10px 14px 2px;display:flex;overflow-x:auto}.comm-chanstrip::-webkit-scrollbar{display:none}.comm-chan-pill{border:1px solid var(--dv-border);background:var(--dv-panel);height:34px;color:var(--dv-text-dim);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.comm-chan-pill.is-active{background:var(--dv-accent-soft);color:var(--dv-accent-hover);border-color:#0000}@media (min-width:1024px){.comm-chanstrip{display:none}}.comm-excerpt{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:640px){.comm-wrap{padding:0 12px}.comm-topbar-inner{height:54px;padding:0 12px}.comm-list-head{min-height:50px;padding:10px 12px}.comm-list-tools{padding:8px 12px 0}.comm-list-scroll{padding:8px 12px calc(20px + env(safe-area-inset-bottom));gap:8px}.comm-detail-inner{padding:14px 14px calc(48px + env(safe-area-inset-bottom))}.comm-card{border-radius:14px}.comm-grid{gap:9px}.comm-icon-tile{border-radius:10px;width:36px;height:36px}.comm-btn{min-height:42px}.comm-vote-btn{width:32px;height:28px}.comm-vote-score{font-size:12px}.comm-input,.comm-textarea{padding:11px 12px;font-size:16px}.comm-textarea{min-height:92px}.comm-tabs{padding:3px}.comm-tab{min-height:32px;padding:0 12px;font-size:12.5px}}