:root{--bg-primary:#313338;--bg-secondary:#2b2d31;--bg-tertiary:#1e1f22;--text-normal:#dbdee1;--text-muted:#949ba4;--text-link:#00a8fc;--border:#26272b;--accent:#5865f2;--danger:#f23f42}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg-primary);color:var(--text-normal);margin:0;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--text-link)}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}.scrollbar-thin::-webkit-scrollbar{width:8px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:4px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--border)}.nav-link{transition:background-color .12s,color .12s}.nav-link:hover{background-color:var(--bg-tertiary);color:#fff}.icon-btn{transition:color .12s}.icon-btn:hover{color:var(--text-normal)}.btn{cursor:pointer;transition:filter .12s,opacity .12s,background-color .12s}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){filter:brightness(.92)}.btn:disabled{cursor:not-allowed;opacity:.5}.message-row{border-radius:4px;transition:background-color .1s}.message-row:hover{background-color:#ffffff08}input,select{transition:border-color .12s}input:focus,select:focus{border-color:var(--accent);outline:none}.hover-card{transition:background-color .12s,border-color .12s}.hover-card:hover{background-color:var(--bg-tertiary);border-color:var(--accent)}.user-link{text-decoration:none}.nav-link.selected{background-color:var(--bg-tertiary);color:#fff}.dashboard-shell{height:100dvh;display:flex;overflow:hidden}.sidebar-container{flex-shrink:0;width:240px;height:100%}.sidebar-overlay{display:none}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-topbar{display:none}.main-content-body{flex-direction:column;flex:1;min-height:0;display:flex}@media (max-width:768px){.sidebar-container{z-index:50;width:82vw;max-width:300px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:2px 0 12px #0006}.sidebar-container.open{transform:translate(0)}.sidebar-overlay{z-index:40;opacity:0;pointer-events:none;background:#00000080;border:none;padding:0;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.mobile-topbar{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;align-items:center;padding:8px 12px;display:flex}.mobile-menu-btn{border:1px solid var(--border);color:var(--text-normal);background:0 0;border-radius:6px;padding:4px 10px;font-size:16px}.channel-participants{display:none!important}.two-col-stack{flex-direction:column}}