:root{--surface-radius:16px;--motion-fast:.14s;--motion-ease:cubic-bezier(.2,.7,.3,1)}.sidebar{border-right:1px solid var(--border);background:var(--bg-sidebar)}.server-header{box-shadow:none;padding-inline:18px}.server-header h1{letter-spacing:-.035em}.channel{transition:transform var(--motion-fast) var(--motion-ease),opacity var(--motion-fast);border-radius:10px;margin-block:3px;padding-inline:12px;position:relative}.channel.active{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.channel.active .channel-name{font-weight:650}.category-header{letter-spacing:.07em;padding-top:18px}.chat-header{border-bottom:1px solid var(--border);box-shadow:none;gap:12px}.chat-title h2{letter-spacing:-.025em;font-weight:650}.chat-header .chat-actions>button{border-radius:11px;min-width:44px;min-height:44px}.chat-header .chat-actions>button:focus-visible{outline-offset:2px}.messages{padding-block:20px}.message{border-radius:12px}.message p{line-height:1.6}.message-meta{gap:8px}.message-meta time{font-variant-numeric:tabular-nums}.message-form-wrap{padding:12px 20px 20px}.message-form{border-radius:var(--surface-radius);border:1px solid var(--border-strong);gap:8px;padding:8px 10px;box-shadow:0 4px 14px #00000012}.message-form .send-live{min-width:44px;min-height:44px;box-shadow:none;border-radius:12px}.message-form .add-btn,.message-form .icon-btn{min-width:44px;min-height:44px}.welcome{border:1px solid var(--border);background:var(--bg-elevated);box-shadow:none;border-radius:20px;padding:28px}.welcome h1{letter-spacing:-.04em;line-height:1.15}.welcome p{max-width:58ch}.user-panel{border-top:1px solid var(--border);gap:8px;padding-inline:12px}.user-panel .up-avatar{flex-shrink:0}.user-panel .up-name{letter-spacing:-.01em}.feature-panel,.app-dialog,dialog{border:1px solid var(--border-strong);border-radius:20px;box-shadow:0 20px 64px #00000038}dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0008}dialog input,dialog select,dialog textarea{border-radius:10px;min-height:44px}dialog button{min-height:44px}dialog h2{letter-spacing:-.03em}.diagnostics-panel{flex-direction:column;gap:14px;display:flex}.diagnostics-panel p{margin:0;line-height:1.65}.diagnostics-status{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;padding:14px}.soft-button,.primary{transition:transform var(--motion-fast) var(--motion-ease),opacity var(--motion-fast);border-radius:10px}.auth-card{border:1px solid var(--border-strong);border-radius:24px;box-shadow:0 20px 60px #00000025}.auth-card h2{letter-spacing:-.045em}.auth-card input,.auth-card .primary{border-radius:12px;min-height:48px}.voice-room-chat{background:var(--bg-floating);box-shadow:-12px 0 32px #00000012}.voice-chat-header{gap:10px;min-height:64px}.voice-chat-header h3{letter-spacing:-.02em;font-weight:650}.voice-chat-message{border-bottom:0;border-radius:12px;padding:12px}.voice-chat-message:nth-child(2n){background:var(--bg-elevated)}.voice-chat-form{gap:8px;padding:12px}.voice-chat-form textarea{border-radius:12px;line-height:1.5}.voice-chat-form button{min-height:44px}.voice-chat-messages{scrollbar-gutter:stable;padding:10px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-hover);outline-offset:3px}@media (hover:hover) and (pointer:fine){.channel:hover{transform:translate(2px)}.soft-button:active,.primary:active{transform:scale(.98)}}@media (max-width:780px){.chat-header{gap:6px;padding-inline:10px}.chat-title h2{letter-spacing:0}.message-form-wrap{padding:8px 8px calc(10px + env(safe-area-inset-bottom))}.message-form{border-radius:16px;gap:3px;padding:6px}.welcome{border-radius:16px;padding:20px}.messages{padding-block:12px}.channel{min-height:44px}.auth-card{border-radius:20px}.voice-chat-header{min-height:60px}.voice-chat-form textarea{font-size:16px}.category-header{padding-top:14px}}@media (prefers-reduced-motion:reduce){.channel,.primary,.soft-button{transition:none!important;transform:none!important}}body[data-reduce-motion=true] .channel,body[data-reduce-motion=true] .primary,body[data-reduce-motion=true] .soft-button{transition:none!important;transform:none!important}.friend-card{flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;min-height:76px;display:flex}.friend-card>.avatar{flex:0 0 40px;width:40px;height:40px;overflow:hidden}.friend-card>.avatar img{object-fit:cover;width:100%;height:100%}.friend-info{flex:1 1 0;min-width:0;overflow:hidden}.friend-info strong,.friend-info small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-actions{flex:none;align-items:center;gap:8px;display:flex}.friend-actions button{white-space:nowrap;min-height:44px}#dm-channels .dm-pinned-row{align-items:center;gap:2px;min-width:0;display:flex}#dm-channels .dm-pinned-row>.channel{flex:1 1 0;width:auto;min-width:0;min-height:44px;overflow:hidden}#dm-channels .dm-pinned-row>.channel .channel-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;line-height:1.4;overflow:hidden}#dm-channels .dm-pin{flex:0 0 44px;place-items:center;gap:0;width:44px;min-width:44px;max-width:44px;min-height:44px;margin:0;padding:0;display:grid}.add-friend-form input,.add-friend-form button{min-height:44px}.add-friend-form button{white-space:nowrap;flex-shrink:0}@media (max-width:780px){#friends-view .chat-header{height:auto;min-height:60px;padding-block:8px}#friends-view .chat-title{flex-wrap:wrap;overflow:visible}#friends-view .friends-tabs{flex-wrap:wrap;gap:4px}.friends-tab{min-height:44px}.friends-list-wrap{padding:16px 12px calc(24px + env(safe-area-inset-bottom))}.friend-card{grid-template-columns:40px minmax(0,1fr);gap:10px 12px;display:grid}.friend-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end}.friend-actions button{min-height:44px}.add-friend-form{flex-direction:column}.add-friend-form input{width:100%;font-size:16px}.add-friend-form button{width:100%}}