.friends-page{display:flex;flex-direction:column;gap:18px;max-width:860px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-head h1{margin:0}.page-head .button{display:inline-flex;align-items:center;gap:8px}.add-friend{display:flex;align-items:flex-end;gap:10px;padding:16px;border-radius:var(--radius-lg);background:var(--surface-2)}.add-friend .field{flex:1 1;margin:0}.add-friend .button{width:auto}.segmented{display:flex;gap:6px;flex-wrap:wrap}.segmented button{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:0;border-radius:10px;background:var(--surface-2);color:var(--muted);font:inherit;font-size:14.5px;font-weight:650;cursor:pointer}.segmented button:hover{color:var(--text);background:var(--surface-3)}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.segmented .count{min-width:20px;padding:0 6px;border-radius:999px;background:rgb(0 0 0/.22);font-size:12px;line-height:20px;text-align:center}.list-section .category{margin:4px 4px 8px}.list-section .empty{margin:8px 4px}.person-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.person-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border-top:1px solid var(--line)}.person-row:first-child,.person-row:hover{border-top-color:transparent}.person-row:hover{background:rgb(255 255 255/.04)}.person-row:hover+.person-row{border-top-color:transparent}.person-row .user-name{font-weight:650}.person-row .user-handle{font-size:13px}.person-actions{display:flex;align-items:center;gap:8px;flex:none}.person-actions .icon-button.boxed{width:38px;height:38px;border-radius:50%;color:var(--muted)}.person-actions .icon-button.boxed:hover{color:var(--text);background:#2a353c}.row-menu{position:relative}.row-menu>summary{list-style:none;cursor:pointer;display:grid;place-items:center;font-size:18px}.row-menu>summary::-webkit-details-marker{display:none}.row-menu-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:flex;flex-direction:column;min-width:190px;padding:6px;border:1px solid var(--border-strong);border-radius:10px;background:var(--popover);box-shadow:var(--shadow)}.row-menu-panel button{padding:8px 10px;border:0;border-radius:6px;background:none;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}.row-menu-panel button:hover{background:var(--surface-2)}.row-menu-panel button.danger{color:var(--danger)}@media (max-width:900px){.list-section .category{display:block}.add-friend{flex-direction:column;align-items:stretch}.person-actions .button{padding:7px 10px;font-size:13px}}.button.danger-text{color:var(--danger)}.conversation-list{gap:12px}.list-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 0}.list-head h2{margin:0;font-size:20px}.list-head .icon-button.boxed{width:38px;height:38px;border-radius:10px}.conversation-list .member-search{margin:0}.conversation-list .segmented button{flex:1 1;justify-content:center}.conversation-list .empty{margin:8px 4px}.chat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.chat-list a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;color:var(--text);text-decoration:none}.chat-list a:hover{background:rgb(255 255 255/.04)}.chat-list a[aria-current=page]{background:rgb(255 255 255/.07);box-shadow:inset 3px 0 0 var(--accent)}.chat-text{display:flex;flex-direction:column;flex:1 1;min-width:0;line-height:1.35}.chat-bottom,.chat-top{display:flex;align-items:center;gap:8px;min-width:0}.chat-top strong{flex:1 1;min-width:0;font-size:14.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-top time{flex:none;font-size:12px;color:var(--faint)}.chat-bottom .muted{flex:1 1;min-width:0;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list a.unread .chat-bottom .muted,.chat-list a.unread .chat-top strong{color:var(--text);font-weight:700}.chat-list a.unread .chat-top time{color:var(--accent)}.thread.bubbles .message{grid-template-columns:36px minmax(0,1fr);column-gap:10px;margin-top:10px;padding:2px 8px;border-left:0}.thread.bubbles .message.continued{margin-top:3px}.thread.bubbles .message:hover{background:none}.thread.bubbles .message-body{justify-self:start;width:fit-content;max-width:min(640px,100%);padding:8px 13px 9px;border-radius:6px 18px 18px 18px;background:var(--surface-2)}.thread.bubbles .message.continued .message-body{border-radius:18px}.thread.bubbles .message header{gap:8px;margin-bottom:2px}.thread.bubbles .message.mine{grid-template-columns:minmax(0,1fr)}.thread.bubbles .message.mine .message-avatar{display:none}.thread.bubbles .message.mine .message-body{justify-self:end;border-radius:18px 6px 18px 18px;background:var(--accent-deep);color:#effffc}.thread.bubbles .message.mine.continued .message-body{border-radius:18px}.thread.bubbles .message.mine header .message-author{display:none}.thread.bubbles .message.mine header{justify-content:flex-end}.thread.bubbles .message.mine .message-time{color:rgb(239 255 252/.7)}.thread.bubbles .message.mine .message-text .mention,.thread.bubbles .message.mine .message-text a{color:#ffffff}.thread.bubbles .message.mentioned .message-body{box-shadow:inset 3px 0 0 var(--warm)}.thread.bubbles .message.mine .message-tools{right:auto;left:8px}.notification-list .notification{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0;padding:0;background:none;border:0}.notification-picture{flex:none}.notification-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--surface-3);color:var(--accent)}.notification-text{display:flex;flex-direction:column;min-width:0;line-height:1.4;color:var(--muted)}.notification-text time{font-size:12.5px}.notification-list .person-row.unread{background:rgb(45 212 191/.05)}.notification-list .person-row.unread .notification-text>span{color:var(--text);font-weight:600}.unread-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgb(45 212 191/.6)}.person-actions .icon-button.boxed.accept{background:var(--accent);color:var(--accent-text)}.person-actions .icon-button.boxed.accept:hover{background:var(--accent-strong)}.page-head .row{margin:0;gap:8px}@media (max-width:900px){.notifications-page .page-head{flex-wrap:wrap}}.card-roles{margin-bottom:4px}.role-pills{display:flex;flex-wrap:wrap;margin-top:6px}.role-pill,.role-pills{align-items:center;gap:6px}.role-pill{display:inline-flex;padding:4px 10px;border:0;border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit;font-size:13px;font-weight:600}.role-pill.owner{color:var(--warm)}.role-dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.role-pill button{display:grid;place-items:center;width:18px;height:18px;margin-right:-4px;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer}.role-pill button:hover{background:var(--danger);color:#fff}.role-pill.add{padding:4px 8px;color:var(--muted);cursor:pointer}.role-pill.add:hover,.role-pill.add[aria-expanded=true]{background:var(--surface-3);color:var(--text)}.role-add{position:relative}.role-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:20;display:flex;flex-direction:column;min-width:180px;max-height:240px;overflow-y:auto;padding:6px;border:1px solid var(--border-strong);border-radius:10px;background:var(--popover);box-shadow:var(--shadow)}.role-menu button{padding:8px 10px;border:0;border-radius:6px;background:none;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}.role-menu button:hover{background:var(--surface-2)}.live-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:6px;background:#e11d48;color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em}.live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:live-pulse 1.4s ease-in-out infinite}@keyframes live-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.live-badge:before{animation:none}}.voice-tile .live-badge{position:absolute;top:10px;left:10px}.voice-tile .button.small{margin-top:4px}.stream-view{margin-top:18px}.stream-view header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stream-view header .button{margin-left:auto}.voice-room .screen:not(:empty){margin-top:10px}.screen video{display:block;max-height:70vh;object-fit:contain}.stream-view.own .screen video{max-width:360px;max-height:220px;opacity:.9}.screen:fullscreen video{width:100%;height:100%;max-height:none;border-radius:0}.stream-cards{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.stream-card{position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-deep);box-shadow:0 0 0 1px rgb(225 29 72/.45)}.stream-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stream-still.empty{display:grid;place-items:center;color:var(--faint)}.stream-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0/.55),transparent 30%,transparent 55%,rgb(0 0 0/.75));pointer-events:none}.stream-card-bottom,.stream-card-top{position:absolute;left:12px;right:12px;z-index:1;display:flex;align-items:center;gap:8px}.stream-card-top{top:10px;justify-content:space-between}.stream-viewers{padding:2px 8px;border-radius:6px;background:rgb(0 0 0/.55);font-size:12px;font-weight:650}.stream-card-bottom{bottom:10px;color:#fff}.stream-card-bottom .muted{color:rgb(255 255 255/.75)}.stream-watch{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);box-shadow:0 6px 24px rgb(0 0 0/.5)}.level-meter{position:relative;height:12px;border-radius:999px;background:var(--bg-deep);overflow:hidden}.level-fill{position:absolute;inset:0 auto 0 0;background:var(--surface-3);transition:width 60ms linear}.level-meter.sends .level-fill{background:var(--success)}.level-threshold{position:absolute;top:-2px;bottom:-2px;width:3px;margin-left:-1px;border-radius:2px;background:var(--warm)}.voice-settings input[type=range]{width:100%;accent-color:var(--warm)}kbd.key{display:inline-grid;place-items:center;min-width:44px;height:38px;padding:0 12px;border:solid var(--border-strong);border-width:1px 1px 3px;border-radius:8px;background:var(--surface-2);font-family:var(--font);font-weight:700}