:root{--bg: #050710;--surface: rgba(13, 18, 34, .82);--surface-soft: rgba(255, 255, 255, .07);--ink: #f8fbff;--muted: rgba(226, 232, 240, .66);--line: rgba(255, 255, 255, .12);--blue: #5c8dff;--teal: #4ce9ff;--coral: #f97316;--violet: #a77cff;--yellow: #dfff57;--shadow: 0 28px 80px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html{background:var(--bg);overflow-x:clip}body{margin:0;color:var(--ink);font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,-apple-system,sans-serif;overflow-x:clip}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}.overhub-app{min-height:100vh;background:radial-gradient(circle at 72% 8%,rgba(76,233,255,.14),transparent 30%),radial-gradient(circle at 16% 16%,rgba(167,124,255,.13),transparent 28%),linear-gradient(180deg,#080d1b 0,var(--bg) 310px)}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;min-width:0;min-height:68px;padding:0 28px;border-bottom:1px solid var(--line);background:#070b17d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--blue),var(--teal));box-shadow:0 10px 22px #2563eb3d}.brand-copy{display:grid;min-width:104px}.brand-copy strong{font-size:19px;line-height:1}.brand-copy span{margin-top:4px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.top-tabs{display:flex;gap:4px;min-width:0;margin-left:8px;overflow-x:auto;scrollbar-width:none}.top-tabs::-webkit-scrollbar{display:none}.home-link,.link-home{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:34px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--muted);font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease}.link-home{color:#08111f;border-color:#dfff578f;background:linear-gradient(135deg,var(--teal),var(--yellow))}.top-tabs button,.feed-toolbar button,.quick-write__categories button,.right-rail button,.channel-row button,.post-actions button,.button{border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.top-tabs button{flex:0 0 auto;padding:7px 14px;font-size:13px;font-weight:800}.top-tabs button.is-active,.feed-toolbar button.is-active{background:var(--ink);color:#fff}.search-box{position:relative;flex:1;min-width:190px;max-width:380px;margin-left:auto}.search-box span{position:absolute;top:50%;left:14px;color:var(--muted);transform:translateY(-50%)}.search-box input{width:100%;height:40px;border:1px solid var(--line);border-radius:8px;padding:0 14px 0 38px;outline:none;color:var(--ink);background:#ffffff0e}.search-box input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.online-pill{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.online-pill i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e26}.account-chip{display:inline-flex;flex:0 1 auto;align-items:center;gap:8px;min-width:0;max-width:220px;border:1px solid var(--line);border-radius:8px;padding:4px 5px 4px 4px;background:#ffffff0b}.account-chip span{overflow:hidden;max-width:88px;color:var(--ink);font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.account-chip button{min-height:34px;border:0;border-radius:6px;padding:0 8px;background:#ffffff14;color:var(--muted);font-size:11px;font-weight:900}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr) 280px;gap:20px;width:min(1220px,calc(100% - 32px));margin:0 auto;padding:24px 0 72px}.space-sidebar,.right-rail{display:grid;align-content:start;gap:14px}.panel,.onboarding-panel,.quick-write,.post-card,.chat-panel,.mvp-card,.activity-panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.panel{padding:16px}.panel h2,.activity-panel h2{margin:0 0 12px;font-size:15px}.panel-note{margin:-4px 0 14px;color:var(--muted);font-size:12px;line-height:1.5}.space-list{display:grid;gap:4px}.space-list button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;width:100%;min-height:40px;border:0;border-radius:8px;padding:0 10px;background:transparent;color:#334155;text-align:left}.space-list button.is-active{background:#eaf1ff;color:var(--blue);font-weight:900}.space-icon{display:grid;width:24px;height:24px;place-items:center;border-radius:6px;background:var(--surface-soft);font-size:11px;font-weight:900}.space-list b{min-width:22px;border-radius:999px;padding:2px 7px;background:#e2e8f0;color:#475569;font-size:11px;text-align:center}.panel--dark{background:#111827;color:#fff;border-color:#1f2937}.stat-list{display:grid;gap:10px;margin:0}.stat-list div,.activity-panel div{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-list dt,.stat-list dd{margin:0}.stat-list dt{color:#94a3b8;font-size:12px}.stat-list dd{font-size:14px;font-weight:900}.mvp-card{padding:16px;color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6)}.mvp-card>span{display:block;margin-bottom:14px;font-size:13px;font-weight:900}.mvp-card div{display:flex;align-items:center;gap:10px}.mvp-card p{display:grid;gap:3px;margin:0}.mvp-card small{opacity:.82}.avatar{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:8px;background:var(--avatar-color, rgba(255, 255, 255, .26));color:#fff;font-weight:900}.avatar--me{width:36px;height:36px;background:#2563eb;font-size:13px}.feed-column{min-width:0}.onboarding-panel{display:grid;gap:16px;margin-bottom:14px;padding:18px}.panel-kicker{display:inline-flex;margin-bottom:8px;color:var(--teal);font-size:11px;font-weight:950;letter-spacing:.14em}.onboarding-panel h2{margin:0;color:var(--ink);font-size:24px;line-height:1.2;letter-spacing:-.02em}.onboarding-panel p{margin:8px 0 0;color:var(--muted);line-height:1.65}.onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.onboarding-steps article{display:grid;gap:7px;min-height:146px;border:1px solid var(--line);border-radius:8px;padding:13px;background:#ffffff0d}.onboarding-steps b{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;font-size:12px}.onboarding-steps strong{color:var(--ink);font-size:14px}.onboarding-steps span{color:var(--muted);font-size:12px;line-height:1.55}.interest-picker,.trend-tags{display:flex;flex-wrap:wrap;gap:7px}.interest-picker button,.trend-tags button{min-height:32px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#ffffff0e;color:var(--muted);font-size:12px;font-weight:850}.interest-picker button.is-active,.trend-tags button:hover{border-color:#4ce9ff94;background:#4ce9ff1f;color:var(--ink)}.onboarding-actions{display:flex;justify-content:flex-end;gap:8px}.quick-write{overflow:hidden;margin-bottom:14px}.quick-write__bar{display:flex;align-items:center;gap:12px;padding:12px 14px}.quick-write__prompt{flex:1;min-height:40px;border:0;border-radius:8px;padding:0 16px;background:#eef2f7;color:var(--muted);text-align:left}.quick-write__categories{display:flex;flex:1;flex-wrap:wrap;gap:6px}.quick-write__categories button{padding:6px 12px;font-size:12px;font-weight:800}.quick-write__categories button.is-active{background:var(--category-bg);color:var(--category-text);border-color:currentColor}.quick-write__tools{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.quick-write__tools button{display:grid;min-width:44px;min-height:38px;place-items:center;border:0;border-radius:8px;background:#eef2f7;color:#64748b;font-size:11px;font-weight:800}.quick-write__tools span{font-size:14px}.quick-write__body{display:grid;gap:12px;padding:0 14px 14px;animation:expandDown .18s ease}.quick-write__body input,.quick-write__body textarea,.tag-editor input,.chat-input input{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;outline:none;background:#fff}.quick-write__body input:focus,.quick-write__body textarea:focus,.tag-editor input:focus,.chat-input input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.quick-write__body textarea{min-height:118px;resize:vertical;line-height:1.6}.tag-editor{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.tag-editor span,.tag-list span{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 9px;background:#eef2f7;color:#475569;font-size:12px;font-weight:800}.tag-editor button{border:0;background:transparent;color:#94a3b8}.tag-editor input{flex:1 1 170px;min-width:0;width:auto;padding:6px 10px}.duplicate-suggestions{display:grid;gap:7px;border:1px solid rgba(76,233,255,.2);border-radius:8px;padding:10px;background:#4ce9ff11}.duplicate-suggestions strong{color:var(--ink);font-size:12px}.duplicate-suggestions button{overflow:hidden;border:0;border-radius:7px;padding:8px 10px;background:#ffffff0f;color:var(--muted);text-align:left;text-overflow:ellipsis;white-space:nowrap}.quality-checks{display:flex;flex-wrap:wrap;gap:7px}.quality-checks span{border:1px solid var(--line);border-radius:999px;padding:4px 9px;color:var(--muted);background:#ffffff0b;font-size:11px;font-weight:850}.quality-checks span.is-passed{border-color:#22c55e61;color:#bbf7d0;background:#16a34a24}.quick-write__error{border:1px solid rgba(248,113,113,.42);border-radius:8px;padding:10px 12px;color:#fecaca;background:#7f1d1d33;font-size:12px;line-height:1.5}.quick-write__actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.quick-write__actions span{flex:1 1 180px;min-width:0;margin-right:auto;color:var(--muted);font-size:12px}.button{min-height:38px;padding:0 16px;font-weight:900}.button--ghost{border-color:var(--line);background:#fff}.button--primary{background:var(--blue);color:#fff}.button--primary:disabled{background:#cbd5e1;color:#64748b}.feed-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:8px 0 14px}.feed-toolbar button{min-height:34px;padding:0 12px}.feed-toolbar span{color:var(--muted);font-size:13px;font-weight:800}.feed-toolbar div{display:flex;gap:5px;margin-left:auto}.feed-toolbar button{padding:6px 12px;border-color:var(--line);background:#fff;font-size:12px;font-weight:800}.post-list{display:grid;gap:14px}.feed-pagination{display:grid;justify-items:center;gap:8px;margin-top:16px}.feed-pagination button{min-height:38px;border:1px solid rgba(76,233,255,.42);border-radius:8px;padding:0 18px;color:#08111f;background:linear-gradient(135deg,var(--teal),var(--yellow));font-weight:950}.feed-pagination button:disabled{opacity:.64}.feed-pagination span{color:var(--muted);font-size:12px;font-weight:800}.post-card{overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px #0f172a1f}.post-card.is-new{animation:newPost 1.5s ease both}.post-card__channel{display:flex;align-items:center;gap:8px;padding:12px 18px 0;color:var(--muted);font-size:12px;font-weight:800}.post-card__channel time{margin-left:auto;font-size:11px;font-weight:700}.channel-icon{position:relative;display:grid;width:30px;height:30px;place-items:center;border:1px solid color-mix(in srgb,var(--channel-color),transparent 68%);border-radius:8px;background:color-mix(in srgb,var(--channel-color),transparent 88%);color:var(--channel-color);font-size:10px;font-weight:900}.channel-icon i{position:absolute;right:-4px;bottom:-4px;display:grid;width:16px;height:16px;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:9px;font-style:normal}.badge{border-radius:999px;padding:2px 8px;font-size:10px}.badge--new{background:#fef9c3;color:#854d0e}.badge--hot{background:#fee2e2;color:#b91c1c}.badge--pin{background:#4ce9ff29;color:#67e8f9}.badge--staff{background:#a77cff2e;color:#ddd6fe}.badge--report{background:#f973162e;color:#fed7aa}.badge--solved{background:#22c55e2e;color:#bbf7d0}.post-card__body{display:flex;gap:14px;padding:14px 18px 18px}.post-card__content{min-width:0;flex:1}.post-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:800}.category-badge{border-radius:999px;padding:3px 9px;background:var(--category-bg);color:var(--category-text);font-size:11px}.post-card h3{margin:0 0 8px;font-size:18px;line-height:1.45}.post-card p{margin:0 0 12px;color:#526174;font-size:14px;line-height:1.65}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.post-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid #eef2f7}.post-actions button{display:inline-flex;align-items:center;gap:5px;flex:0 1 auto;min-width:0;min-height:34px;padding:0 12px;background:#eef2f7;color:#475569;font-size:13px;font-weight:900}.post-actions button.is-active{background:#fff7d6;color:#a16207;border-color:#facc15}.post-actions small{flex:0 1 auto;min-width:0;margin-left:auto;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-actions .save-button{flex:0 0 34px;min-width:34px;padding:0;color:var(--coral)}.badge--moderation{background:#facc152b;color:#fef08a}.badge--moderation-hidden,.badge--moderation-removed{background:#f871712e;color:#fecaca}.comment-panel{display:grid;gap:12px;margin-top:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.moderation-panel{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:14px;border:1px solid rgba(250,204,21,.18);border-radius:8px;padding:10px;background:#facc1512}.moderation-panel label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:900}.moderation-panel input,.moderation-panel select{width:100%;min-height:34px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--ink);outline:none;background:#ffffff0e}.moderation-panel button{min-height:34px;border:0;border-radius:8px;padding:0 12px;color:#101827;background:var(--yellow);font-size:12px;font-weight:900}.comment-panel__status{color:var(--muted);font-size:12px;font-weight:800}.comment-panel__status--error{color:#fecaca}.comment-list{display:grid;gap:10px}.comment-list article{display:flex;gap:10px}.comment-list .avatar{width:32px;height:32px;font-size:12px}.comment-list p{display:grid;gap:4px;min-width:0;margin:0;flex:1}.comment-list strong{display:flex;flex-wrap:wrap;gap:8px;color:var(--ink);font-size:12px}.comment-list time{color:var(--muted);font-weight:700}.comment-list span{color:#e2e8f0c2;font-size:13px;line-height:1.55}.comment-actions{display:flex;align-items:center;gap:6px}.comment-actions span{color:#fed7aa;font-size:11px;font-weight:900}.comment-actions button{min-height:26px;border:1px solid rgba(249,115,22,.26);border-radius:8px;padding:0 8px;background:#f973161a;color:#fdba74;font-size:11px;font-weight:900}.comment-actions button:disabled{opacity:.56}.comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.comment-form textarea{width:100%;min-height:54px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--ink);outline:none;resize:vertical;background:#ffffff0e}.comment-form textarea:focus{border-color:#4ce9ffb8;box-shadow:0 0 0 3px #4ce9ff1f}.comment-form button{min-width:92px;border:0;border-radius:8px;padding:0 12px;color:#08111f;background:linear-gradient(135deg,var(--teal),var(--yellow));font-size:12px;font-weight:900}.channel-list,.hot-list{display:grid;gap:12px}.channel-row,.hot-list article{display:flex;align-items:center;gap:10px;min-width:0}.channel-row p,.hot-list p{display:grid;gap:3px;min-width:0;margin:0;flex:1}.channel-row strong,.hot-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.channel-row small,.hot-list small{color:var(--muted);font-size:11px}.channel-row button{min-height:32px;padding:0 12px;background:var(--yellow);color:var(--ink);font-size:12px;font-weight:900}.channel-row button.is-muted{border-color:var(--line);background:#fff;color:var(--muted)}.notification-toggle-list{display:grid;gap:10px}.notification-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.notification-toggle span{display:grid;min-width:0;gap:3px}.notification-toggle strong{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px}.notification-toggle small,.notification-panel__error{color:var(--muted);font-size:11px}.notification-toggle input{width:36px;height:20px;flex:0 0 auto;accent-color:var(--yellow)}.notification-panel__error{margin:10px 0 0;color:#fda4af;line-height:1.45}.hot-list article{align-items:flex-start}.hot-list .avatar{width:34px;height:34px;font-size:13px}.hot-list strong{display:-webkit-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4}.activity-panel{padding:16px;background:linear-gradient(160deg,#fff,#eef7ff)}.activity-panel div{margin-top:9px;color:var(--muted);font-size:13px}.activity-panel strong{color:var(--blue)}.rule-list{display:grid;gap:8px;margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.6}.link-bridge-panel{position:relative;overflow:hidden}.link-bridge-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#4ce9ff1f,#dfff5714)}.link-bridge-panel>*{position:relative}.social-route-list{display:grid;gap:8px}.social-route-list article{display:grid;gap:4px;border:1px solid var(--line);border-radius:8px;padding:10px;background:#ffffff0b}.social-route-list strong{color:var(--ink);font-size:12px}.social-route-list span{color:var(--muted);font-size:12px;line-height:1.5}.link-bridge-button{display:flex;align-items:center;justify-content:center;min-height:38px;margin-top:12px;border-radius:8px;color:#08111f;background:linear-gradient(135deg,var(--teal),var(--yellow));font-size:13px;font-weight:950;text-decoration:none}.platform-access-panel{display:grid;gap:12px}.platform-access-list{display:grid;gap:8px}.platform-access-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#ffffff0b}.platform-access-row span{display:grid;gap:3px;min-width:0}.platform-access-row strong,.platform-access-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-access-row strong{color:var(--ink);font-size:12px}.platform-access-row small{color:var(--muted);font-size:11px;font-weight:800}.platform-access-row b{border-radius:999px;padding:4px 8px;color:#fecaca;background:#f8717124;font-size:11px}.platform-access-row.is-open b{color:#bbf7d0;background:#22c55e29}.link-toast{position:fixed;right:22px;bottom:22px;z-index:60;max-width:min(360px,calc(100vw - 32px));border:1px solid rgba(76,233,255,.32);border-radius:8px;padding:12px 14px;color:var(--ink);background:#080c18eb;box-shadow:0 22px 60px #00000061;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:13px;font-weight:850}.loading-state,.failure-state{display:grid;gap:12px;min-height:280px;align-content:center;border:1px solid var(--line);border-radius:8px;padding:24px;color:var(--muted);background:linear-gradient(180deg,#ffffff14,#ffffff09);box-shadow:var(--shadow)}.loading-state h2,.failure-state h2{margin:0;color:var(--ink);font-size:22px;line-height:1.35}.loading-state p,.failure-state p{max-width:640px;margin:0;line-height:1.65}.failure-state code{border-radius:6px;padding:2px 5px;color:#e0f2fe;background:#ffffff14}.failure-state dl{display:grid;gap:8px;margin:0}.failure-state dl div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:start}.failure-state dt,.failure-state dd{margin:0}.failure-state dt{color:#f8fbffb8;font-weight:900}.failure-state dd{overflow-wrap:anywhere}.failure-state .button{justify-self:start}.moderation-dashboard{display:grid;gap:14px;border:1px solid var(--line);border-radius:8px;padding:18px;background:linear-gradient(180deg,#ffffff14,#ffffff09);box-shadow:var(--shadow)}.moderation-dashboard__head{display:flex;align-items:end;justify-content:space-between;gap:12px}.moderation-dashboard__head h2{margin:0;color:var(--ink);font-size:22px;line-height:1.25}.moderation-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.moderation-stats div,.moderation-queue article,.audit-timeline article{border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.moderation-stats div{display:grid;gap:5px;padding:12px}.moderation-stats span,.audit-timeline small{color:var(--muted);font-size:12px;font-weight:800}.moderation-stats strong{color:var(--ink);font-size:24px;line-height:1}.moderation-dashboard__error{border:1px solid rgba(248,113,113,.42);border-radius:8px;padding:10px 12px;color:#fecaca;background:#7f1d1d33;font-size:12px;line-height:1.5}.moderation-queue,.audit-timeline{display:grid;gap:10px}.moderation-queue article,.audit-timeline article{display:grid;gap:6px;padding:12px}.moderation-queue p{display:flex;align-items:center;gap:10px;margin:0}.moderation-queue strong{min-width:0;flex:1;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.moderation-queue span,.moderation-queue small,.moderation-empty{color:var(--muted);font-size:12px;line-height:1.5}.audit-timeline span{color:var(--teal);font-size:12px;font-weight:900}.audit-timeline strong{color:var(--ink);font-size:13px}.empty-state{display:grid;min-height:220px;place-items:center;align-content:center;gap:8px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);background:#ffffffa6}.empty-state strong{color:var(--ink)}.chat-panel{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:620px;overflow:hidden}.chat-rooms{display:grid;align-content:start;gap:6px;border-right:1px solid var(--line);padding:14px;background:#f8fafc}.chat-rooms button{position:relative;display:grid;gap:5px;width:100%;border:0;border-radius:8px;padding:12px 34px 12px 12px;background:transparent;text-align:left}.chat-rooms button.is-active{background:#eaf1ff}.chat-rooms span{font-weight:900}.chat-rooms small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.chat-rooms b{position:absolute;top:12px;right:10px;min-width:20px;border-radius:999px;padding:2px 6px;background:var(--blue);color:#fff;font-size:11px;text-align:center}.chat-thread{display:flex;flex-direction:column;gap:12px;padding:18px}.chat-thread header{display:flex;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}.chat-thread header span{color:var(--muted);font-size:12px;font-weight:800}.chat-bubble{max-width:78%;border-radius:8px;padding:11px 13px;background:#eef2f7;color:#334155;line-height:1.55}.chat-bubble--me{align-self:flex-end;background:#dbeafe;color:#1d4ed8}.chat-input{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto}.chat-input button{min-width:74px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:900}.login-gate{display:grid;min-height:100vh;min-height:100svh;place-items:center;padding:28px;background:radial-gradient(circle at 70% 18%,rgba(76,233,255,.15),transparent 32%),radial-gradient(circle at 20% 72%,rgba(167,124,255,.14),transparent 34%),linear-gradient(180deg,#080d1b 0,#050710)}.login-card{width:min(500px,100%);max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);min-width:0;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:28px;background:linear-gradient(180deg,#ffffff17,#ffffff0a);box-shadow:0 34px 100px #0000006b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-card__mark{margin-bottom:18px}.login-card__eyebrow{margin:0 0 8px;color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.14em}.login-card h1{margin:0;color:var(--ink);font-size:32px;letter-spacing:0}.login-card>span{display:block;margin-top:10px;color:var(--muted);line-height:1.65;white-space:nowrap}.login-card form{display:grid;gap:12px;margin-top:24px;min-width:0}.login-card label{display:grid;gap:7px;min-width:0;color:#f8fbffd6;font-size:12px;font-weight:900}.login-card input{height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--ink);outline:none;background:#ffffff0e}.login-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #4ce9ff1f}.login-id-status{margin-top:-5px;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:800;line-height:1.4}.login-id-status--checking{color:#f8fbffb8;background:#ffffff0e}.login-id-status--available{color:#bbf7d0;background:#16a34a2e}.login-id-status--taken,.login-id-status--error{color:#fecaca;background:#7f1d1d38}.login-card form>button{min-height:44px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--teal),var(--yellow));color:#08111f;font-weight:950}.login-card form>button:disabled{opacity:.62}.login-message{border:1px solid rgba(248,113,113,.42);border-radius:8px;padding:10px 12px;color:#fecaca;background:#7f1d1d38;font-size:12px;line-height:1.5}.login-switch{width:100%;min-height:40px;margin-top:10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-weight:900}.login-social{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.login-social button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;padding:0 12px;font-weight:900;white-space:nowrap}.login-social button span{overflow:hidden;text-overflow:ellipsis}.login-social__icon{width:18px;height:18px;flex:0 0 18px}.login-social__google{border:1px solid rgba(255,255,255,.18);background:#fffffff0;color:#111827}.login-social__kakao{border:1px solid rgba(250,225,0,.42);background:#fee500;color:#191919}.is-shaking{animation:shake .4s ease}@keyframes expandDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes newPost{0%{border-color:var(--yellow);background:#dfff571f}to{border-color:var(--line);background:var(--surface)}}.app-header{box-shadow:0 12px 48px #00000038}.brand-mark{background:linear-gradient(135deg,var(--blue),var(--teal));box-shadow:0 12px 34px #4ce9ff2e}.top-tabs button:hover,.home-link:hover,.feed-toolbar button:hover,.space-list button:hover,.post-actions button:hover{background:#ffffff12;color:var(--ink)}.top-tabs button.is-active,.feed-toolbar button.is-active{background:#f8fbff;color:#101827}.search-box input,.quick-write__body input,.quick-write__body textarea,.tag-editor input,.chat-input input{color:var(--ink);border-color:var(--line);background:#ffffff0e}.search-box input::placeholder,.quick-write__body input::placeholder,.quick-write__body textarea::placeholder,.tag-editor input::placeholder,.chat-input input::placeholder{color:#e2e8f06b}.search-box input:focus,.quick-write__body input:focus,.quick-write__body textarea:focus,.tag-editor input:focus,.chat-input input:focus{border-color:#4ce9ffb8;box-shadow:0 0 0 3px #4ce9ff1f}.panel,.onboarding-panel,.quick-write,.post-card,.chat-panel,.activity-panel{background:linear-gradient(180deg,#ffffff14,#ffffff09);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel--dark{background:linear-gradient(180deg,#10182ef0,#0a0e1ae6);border-color:var(--line)}.panel h2,.activity-panel h2,.post-card h3,.chat-thread header strong,.chat-rooms span,.channel-row strong,.hot-list strong,.empty-state strong{color:var(--ink)}.space-list button{color:#e2e8f0b8}.space-list button.is-active{background:#4ce9ff1f;color:var(--ink)}.space-icon,.quick-write__prompt,.quick-write__tools button,.tag-editor span,.tag-list span,.post-actions button,.chat-bubble{background:#ffffff12;color:#e2e8f0c7}.space-list b{background:#ffffff17;color:#f8fbffcc}.mvp-card{background:linear-gradient(135deg,#5c8dffeb,#4ce9ff9e),#111827}.button--ghost,.feed-toolbar button,.channel-row button.is-muted{border-color:var(--line);background:#ffffff0b;color:var(--muted)}.button--primary,.chat-input button{color:#08111f;background:linear-gradient(135deg,var(--teal),var(--yellow))}.button--primary:disabled{color:#e2e8f094;background:#ffffff14}.post-card:hover{box-shadow:0 32px 84px #0000005c}.post-card p{color:#e2e8f0b3}.post-actions{border-top-color:#ffffff14}.post-actions button.is-active{color:#101827;background:var(--yellow);border-color:#dfff57b8}.channel-icon i{border-color:#101827}.channel-row button{color:#101827;background:var(--yellow)}.activity-panel{background:linear-gradient(160deg,#5c8dff1f,#4ce9ff0f)}.activity-panel strong{color:var(--teal)}.empty-state,.chat-rooms{background:#ffffff09}.chat-rooms button{color:var(--ink)}.chat-rooms button.is-active{background:#5c8dff29}.chat-bubble--me{color:#101827;background:linear-gradient(135deg,#4ce9ffeb,#dfff57c7)}@media(max-width:1180px){.app-header{flex-wrap:wrap;gap:10px;min-height:auto;padding:10px 18px}.brand-copy{margin-right:auto}.top-tabs{order:3;flex:1 1 min(100%,440px);margin-left:0}.search-box{order:4;flex:1 1 260px;max-width:none;margin-left:0}}@media(max-width:1080px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.right-rail{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.app-header{flex-wrap:wrap;align-items:center;padding:12px 16px}.brand-copy{min-width:0;margin-right:0}.top-tabs{order:3;flex:1 1 100%;width:100%;margin-left:0}.top-tabs button{flex:1}.search-box{order:4;max-width:none;width:100%;margin-left:0}.home-link{margin-left:auto}.online-pill{margin-left:0}.account-chip{margin-left:auto}.app-shell{grid-template-columns:1fr;width:min(100% - 24px,720px);padding-top:16px}.feed-column{order:-1}.space-sidebar{order:1}.right-rail{order:2}.space-sidebar,.right-rail{grid-template-columns:1fr}.space-list{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-steps,.chat-panel{grid-template-columns:1fr}.chat-rooms{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:560px){.login-gate{padding:16px}.login-card{width:100%;max-width:100%;padding:26px 22px}.login-card h1{font-size:30px}.login-card>span{white-space:normal}.brand-copy span,.online-pill{display:none}.top-tabs button{flex:0 0 auto}.login-social{grid-template-columns:1fr}.quick-write__bar,.post-card__body{align-items:flex-start}.quick-write__bar{flex-wrap:wrap}.quick-write__prompt,.quick-write__categories{order:3;flex-basis:100%}.quick-write__tools{margin-left:auto}.quick-write__actions span{flex-basis:100%;margin-right:0}.quick-write__actions .button{flex:1 1 120px}.space-list{grid-template-columns:1fr}.post-card__body{gap:10px;padding:14px}.post-card__channel{padding:12px 14px 0}.post-actions{flex-wrap:wrap}.post-actions button{flex:1 1 96px;justify-content:center}.post-actions .save-button{flex:0 0 38px}.moderation-panel{grid-template-columns:1fr}.moderation-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.moderation-queue p{align-items:flex-start;flex-direction:column}.post-actions small{flex-basis:100%;width:100%;margin-left:0}.chat-input{grid-template-columns:1fr}.onboarding-actions{flex-direction:column}}@media(max-width:380px){.login-gate{padding:12px}.login-card{padding:22px 18px}.login-card h1{font-size:26px}.top-tabs button{padding:7px 12px}}@supports (overflow: clip){.overhub-app{overflow-x:clip}}.home-link,.link-home,.top-tabs button,.feed-toolbar button,.quick-write__categories button,.quick-write__tools button,.interest-picker button,.trend-tags button,.channel-row button,.notification-toggle,.link-bridge-button,.post-actions button,.comment-actions button,.comment-form button,.button{min-height:40px}.post-actions .save-button,.account-chip button,.post-actions button{min-width:40px;min-height:40px}.notification-toggle input{position:relative;width:48px;height:40px;border:0;outline:0;appearance:none;background:transparent}.notification-toggle input:before,.notification-toggle input:after{content:"";position:absolute;display:block;transition:background .16s ease,transform .16s ease}.notification-toggle input:before{top:8px;left:0;width:48px;height:24px;border-radius:999px;background:#94a3b857}.notification-toggle input:after{top:11px;left:3px;width:18px;height:18px;border-radius:999px;background:#f8fbff;box-shadow:0 3px 8px #00000047}.notification-toggle input:checked:before{background:linear-gradient(135deg,var(--teal),var(--yellow))}.notification-toggle input:checked:after{transform:translate(24px)}.search-box input{min-height:42px}.post-card,.quick-write,.panel,.chat-panel,.moderation-dashboard,.failure-state,.loading-state{min-width:0}.post-card h3,.post-card p,.comment-list span,.social-route-list span,.rule-list,.panel-note{overflow-wrap:anywhere}.post-card__channel{min-width:0;flex-wrap:wrap}.post-card__channel time{margin-left:auto;white-space:nowrap}.link-toast{left:auto;overflow-wrap:anywhere}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(76,233,255,.95);outline-offset:3px}@media(max-width:820px){.app-header{max-height:58svh;overflow-y:auto;overscroll-behavior:contain}.account-chip{max-width:min(220px,100%)}.right-rail{grid-template-columns:1fr}.link-toast{right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;max-width:none}}@media(max-width:560px){.app-shell{width:min(100% - 16px,720px);padding-bottom:92px}.app-header{padding:10px 12px}.brand-mark{width:34px;height:34px;font-size:12px}.home-link,.link-home{min-height:40px;padding-inline:10px}.top-tabs{padding-bottom:2px;scroll-snap-type:x proximity}.top-tabs button{min-width:76px;scroll-snap-align:start}.search-box{min-width:0}.quick-write__tools{width:100%;margin-left:0}.quick-write__tools button{flex:1 1 0}.quick-write__categories button{flex:1 1 84px}.post-card__body{display:grid;grid-template-columns:34px minmax(0,1fr)}.post-card__body>.avatar{width:34px;height:34px;font-size:12px}.post-card h3{font-size:17px}.post-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.post-actions button{width:100%;min-width:0}.post-actions .save-button{flex-basis:auto}.post-actions small{grid-column:1 / -1;order:10}.comment-form{grid-template-columns:1fr}.comment-form button{min-height:44px}.comment-list article{align-items:flex-start}}@media(max-width:380px){.app-shell{width:min(100% - 12px,720px)}.top-tabs button{min-width:70px;padding-inline:10px}.post-card__body{grid-template-columns:30px minmax(0,1fr);padding:12px}.post-card__body>.avatar{width:30px;height:30px}.post-actions{gap:7px}}