@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Work+Sans:wght@400;500;600&display=swap";:root{color-scheme:dark;--bg: #0f172a;--panel: #111827;--panel-2: #172033;--muted: #1e293b;--border: #334155;--text: #f8fafc;--subtle: #cbd5e1;--muted-text: #94a3b8;--primary: #6366f1;--primary-soft: #818cf8;--accent: #059669;--danger: #ef4444;--surface-0: #0b1220;--surface-1: #111827;--surface-2: #172033;--focus-ring: #a5b4fc;--motion-fast: .15s;--motion-standard: .22s;--ease-out: cubic-bezier(.22, 1, .36, 1);--radius: 14px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:400 14px/1.5 Work Sans,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}button:active{transform:scale(.985)}.app-shell{display:grid;grid-template-columns:76px 248px minmax(420px,1fr) 260px;height:100%;background:radial-gradient(circle at 68% -20%,rgba(99,102,241,.14),transparent 35%),var(--bg)}.server-rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 0;background:#0b1220;border-right:1px solid rgba(51,65,85,.7)}.server-pill{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:15px;background:var(--panel-2);color:var(--subtle);font-weight:700;transition:border-radius .2s ease,background .2s ease,color .2s ease}.server-pill:hover,.server-pill.is-active{border-radius:12px;background:var(--primary);color:#fff}.brand-mark{background:linear-gradient(145deg,var(--primary),#4f46e5);color:#fff;font-family:Outfit,sans-serif;font-size:18px}.add-server{border:1px dashed var(--border);color:var(--accent);background:transparent}.rail-divider{width:32px;height:1px;background:var(--border)}.icon{display:block;flex:0 0 auto}.channel-panel,.dm-panel,.details-panel{min-width:0;background:#111827ed;border-right:1px solid rgba(51,65,85,.7)}.details-panel{border-right:0;border-left:1px solid rgba(51,65,85,.7);padding:25px 16px;overflow:auto}.panel-header,.conversation-header{min-height:70px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(51,65,85,.65)}.server-header strong,.eyebrow{display:block}.eyebrow{margin-bottom:2px;color:var(--muted-text);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.server-header strong{font:600 16px Outfit,sans-serif}.icon-button,.mini-button{display:grid;place-items:center;background:transparent;color:var(--muted-text);border-radius:9px}.icon-button{width:34px;height:34px}.icon-button:hover,.mini-button:hover{background:var(--muted);color:var(--text)}.channel-scroll{height:calc(100% - 130px);padding:22px 10px 14px;overflow:auto}.section-label{display:flex;align-items:center;justify-content:space-between;padding:0 10px 8px;color:var(--muted-text);font-size:10px;font-weight:700;letter-spacing:.12em}.mini-button{width:26px;height:26px}.channel-item{display:flex;align-items:center;width:100%;gap:9px;min-height:38px;padding:0 11px;margin:2px 0;border-radius:9px;background:transparent;color:var(--muted-text);text-align:left}.channel-item:hover,.channel-item.is-active{background:var(--muted);color:var(--text)}.channel-item.is-active{box-shadow:inset 2px 0 var(--primary-soft)}.channel-item span:not(.live-dot){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-dot,.presence,.recording-dot{width:8px;height:8px;flex:0 0 auto;border-radius:99px;background:var(--accent);box-shadow:0 0 0 3px #05966926}.channel-item .live-dot{margin-left:auto}.voice-channel-block{display:grid;gap:1px}.voice-count{margin-left:auto;min-width:18px;padding:1px 5px;border-radius:999px;background:#05966929;color:#6ee7b7;font-size:10px;text-align:center}.voice-participants{display:grid;gap:2px;margin:0 8px 6px 38px;padding:3px 0 3px 8px;border-left:1px solid rgba(51,65,85,.75)}.voice-participants-label{color:var(--muted-text);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.voice-participant-row{display:flex;align-items:center;gap:7px;min-width:0;min-height:28px;padding-right:4px;color:var(--subtle);font-size:11px}.voice-participant-row>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-participant-row .presence{width:6px;height:6px;box-shadow:none}.channel-line{display:flex;align-items:center;gap:2px}.channel-line .channel-item{flex:1;min-width:0}.channel-action{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:transparent;color:var(--muted-text);opacity:.72;cursor:pointer}.channel-line:hover .channel-action,.channel-action:focus-visible{opacity:1}.channel-action:hover{background:var(--muted);color:var(--text)}.channel-category{margin-top:12px}.channel-category-title{display:flex;align-items:center;gap:7px;padding:5px 0 3px 10px;color:var(--muted-text);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.channel-category-title>span:first-child{display:flex;align-items:center;gap:5px;min-width:0}.channel-category-rule{flex:1;height:1px;background:#334155b3}.channel-category-actions{display:inline-flex;align-items:center;gap:2px;margin-left:auto}.channel-category-actions .channel-action{opacity:.75}.channel-category-actions .channel-action:hover,.channel-category-actions .channel-action:focus-visible{opacity:1}.channel-settings-action{flex:0 0 25px}.friends-label{margin-top:24px}.count-badge,.status-chip{padding:3px 7px;border-radius:999px;background:#6366f126;color:var(--primary-soft);font-size:10px;letter-spacing:0}.friend-row,.member-row,.request-row,.recording-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 10px;border-radius:9px}.friend-row:hover,.member-row:hover,.request-row:hover,.recording-row:hover{background:#1e293b99}.friend-row>span:nth-child(2),.request-row>span:nth-child(2){display:grid;min-width:0}.friend-row strong,.request-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}small,time{color:var(--muted-text);font-size:11px}.friend-row .presence{margin-left:auto}.presence.idle{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b21}.presence.offline{background:#475569;box-shadow:none}.presence.dnd{background:var(--danger);box-shadow:0 0 0 3px #ef444421}.avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:linear-gradient(145deg,#334155,#1d4ed8);color:#fff;font:600 12px Outfit,sans-serif}.avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar-fallback{display:grid;place-items:center;width:100%;height:100%}.avatar-fallback[hidden]{display:none}.avatar-small{width:32px;height:32px}.avatar-tiny{width:28px;height:28px;font-size:10px}.user-panel{display:flex;align-items:center;gap:9px;height:60px;padding:0 12px;background:#0b1220}.user-panel>div:nth-child(2){display:grid;flex:1}.user-panel strong{font-size:12px}.conversation-panel{display:flex;min-width:0;flex-direction:column;background:#0f172ad1}.conversation-header{padding:0 24px}.channel-title{display:flex;align-items:center;gap:10px;min-width:0;color:var(--subtle)}.channel-title strong{color:var(--text);font:600 16px Outfit,sans-serif}.title-subtitle{margin-left:8px;color:var(--muted-text);font-size:12px}.header-actions{display:flex;gap:5px}.notice-bar{min-height:28px;padding:7px 24px;background:#1e293b7a;color:var(--muted-text);font-size:11px}.voice-stage{flex:0 0 auto;margin:16px 24px 0;padding:14px;border:1px solid rgba(99,102,241,.35);border-radius:16px;background:linear-gradient(145deg,#1e293bc7,#0f172aeb);box-shadow:0 14px 36px #02061733}.voice-stage-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.voice-stage-header strong{display:block;color:var(--text);font:600 16px Outfit,sans-serif}.voice-stage-count{display:inline-flex;align-items:center;gap:7px;color:var(--subtle);font-size:11px}.voice-stage-count .live-dot{width:7px;height:7px;box-shadow:none}.voice-stage-actions{display:flex;align-items:center;gap:10px}.voice-stage-join{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:12px}.voice-stage-empty{display:grid;min-height:120px;place-items:center;align-content:center;gap:5px;color:var(--muted-text);text-align:center}.voice-stage-empty .empty-icon{width:42px;height:42px;border-radius:14px}.voice-stage-empty strong{color:var(--subtle);font:600 13px Outfit,sans-serif}.voice-stage-empty small{font-size:11px}.voice-stage-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:min(360px,42vh);overflow:auto}.voice-stage-grid.is-empty{display:block}.voice-stage-card{position:relative;display:flex;min-width:0;aspect-ratio:4 / 3;min-height:120px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:10px;border:1px solid rgba(51,65,85,.85);border-radius:10px;background:#17132f}.voice-stage-card.is-sharing{border-color:#6366f1c7;background:linear-gradient(145deg,#312e8175,#0b1220d6)}.voice-stage-card-center{display:grid;flex:1;min-height:0;place-items:center}.voice-stage-media-slot{position:absolute;inset:10px 10px 50px;display:grid;place-items:center;overflow:hidden;border-radius:8px;pointer-events:none}.voice-stage-media-slot:empty{display:none}.voice-stage-media{width:100%;height:100%;object-fit:cover;border-radius:8px;background:#020617}.voice-stage-card .avatar-stage{width:58px;height:58px;border:2px solid rgba(255,255,255,.16);border-radius:50%;font-size:18px;box-shadow:0 10px 24px #02061747}.voice-stage-compact .avatar-stage{width:46px;height:46px;font-size:15px}.voice-stage-compact .voice-stage-card{min-height:112px}.voice-stage-dense .avatar-stage{width:34px;height:34px;font-size:12px}.voice-stage-dense .voice-stage-card{min-height:96px}.voice-stage-ultra-dense .avatar-stage{width:26px;height:26px;font-size:10px}.voice-stage-ultra-dense .voice-stage-card{min-height:84px}.voice-stage-dense .voice-stage-card,.voice-stage-ultra-dense .voice-stage-card{padding:6px}.voice-stage-card-footer{display:flex;align-items:center;gap:7px;min-width:0;padding:5px 6px;border-radius:8px;background:#02061785;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.voice-stage-card-copy{display:grid;min-width:0;flex:1}.voice-stage-card-copy strong{overflow:hidden;color:var(--text);font:600 11px Outfit,sans-serif;text-overflow:ellipsis;white-space:nowrap}.voice-stage-card-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.voice-stage-audio{display:grid;place-items:center;color:#cbd5e1}.voice-stage-audio.is-muted{color:#fca5a5}.voice-stage-card-footer .presence{width:7px;height:7px;box-shadow:none}.voice-stage-screen{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;margin-top:8px;border-radius:8px;background:#02061780;color:#c4b5fd;font-size:10px}.message-list{flex:1;min-height:0;padding:28px 24px;overflow:auto}.message-row{display:flex;gap:12px;max-width:820px;padding:8px 10px;border-radius:10px}.message-row:hover{background:#1e293b59}.message-meta{display:flex;align-items:baseline;gap:9px}.message-meta strong{color:var(--text);font:600 14px Outfit,sans-serif}.message-row p{margin:3px 0 0;color:var(--subtle)}.empty-state{display:grid;justify-items:center;align-content:center;height:100%;text-align:center;color:var(--muted-text)}.empty-state h2{margin:15px 0 4px;color:var(--text);font:600 20px Outfit,sans-serif}.empty-state p{margin:0}.empty-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:#6366f126;color:var(--primary-soft)}.composer{display:flex;gap:10px;margin:0 24px 22px;padding:7px 8px 7px 16px;border:1px solid var(--border);border-radius:12px;background:#111827f2}.composer input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.composer input::placeholder{color:#64748b}.send-button{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--primary);color:#fff}.send-button:hover{background:#818cf8}.call-dock{position:fixed;z-index:6;right:284px;bottom:20px;left:348px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:12px 14px;border:1px solid rgba(51,65,85,.85);border-radius:12px;background:#111827f5;box-shadow:0 16px 34px #0206174d}.call-dock.is-connected{border-color:#0596698c}.call-dock.is-degraded{border-color:#ef4444a6}.call-dock.is-degraded .live-dot{background:var(--danger);box-shadow:0 0 0 3px #ef444426}.call-dock.is-fallback .live-dot{background:#fbbf24;box-shadow:0 0 0 3px #fbbf2426}.has-active-call .conversation-panel{padding-bottom:84px}.call-status{display:flex;align-items:center;gap:10px}.call-status-indicator{display:grid;justify-items:center;gap:4px}.latency-signal{display:grid;place-items:center;color:var(--muted-text)}.latency-signal.good{color:#6ee7b7}.latency-signal.fair{color:#fbbf24}.latency-signal.poor{color:#fca5a5}.latency-signal.unknown{opacity:.7}.call-status>div{display:grid}.call-status strong{font:600 13px Outfit,sans-serif}.call-actions{display:flex;align-items:center;gap:6px}.round-button,.leave-button{min-width:34px;height:34px;border-radius:9px;background:#0f172abf;color:var(--subtle)}.round-button{display:grid;place-items:center}.round-button:hover,.round-button.is-on{background:var(--primary);color:#fff}.round-button.record-button{color:var(--danger)}.round-button.record-button.is-recording{background:var(--danger);color:#fff}.leave-button{padding:0 12px;background:#ef444429;color:#fca5a5;font-size:12px}.leave-button:hover{background:var(--danger);color:#fff}.details-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.details-title h2{margin:0;font:600 20px Outfit,sans-serif}.detail-card{margin-bottom:15px;padding:14px 8px;border:1px solid rgba(51,65,85,.75);border-radius:var(--radius);background:#111827b3}.card-heading{display:flex;justify-content:space-between;align-items:center;padding:0 6px 10px;color:var(--subtle);font-size:11px}.card-heading>span{display:flex;align-items:center;gap:7px}.card-heading strong{color:var(--primary-soft)}.member-row{min-height:38px}.member-row span:nth-child(2){flex:1;color:var(--subtle);font-size:12px}.request-row{min-height:48px}.request-row>span:nth-child(2){flex:1}.request-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.friend-management-row .text-button{margin-left:auto}.accept-button{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#0596692b;color:#6ee7b7}.accept-button:hover{background:var(--accent);color:#fff}.muted-copy{margin:8px 6px 2px;color:var(--muted-text);font-size:12px}.recording-row{color:var(--subtle);text-decoration:none;font-size:12px}.recording-row span:nth-child(2){flex:1}.recording-dot{background:var(--danger);box-shadow:0 0 0 3px #ef444426}.composer.is-disabled{border-color:#ef444473;opacity:.85}.composer input:disabled{cursor:not-allowed}.composer .send-button:disabled,.round-button:disabled{cursor:not-allowed;opacity:.38}.permission-help{margin:-15px 24px 18px;color:#fca5a5;font-size:11px}.permission-help code,.invite-row code{color:var(--primary-soft)}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#020617c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-modal{display:grid;grid-template-columns:190px minmax(0,1fr);grid-template-rows:auto 1fr;width:min(860px,100%);max-height:min(720px,100%);overflow:hidden;border:1px solid rgba(99,102,241,.35);border-radius:18px;background:#111827;box-shadow:0 24px 80px #00000073}.channel-settings-modal{width:min(900px,100%)}.channel-settings-content{overflow:auto}.channel-settings-action:focus-visible{opacity:1;outline:2px solid var(--primary-soft);outline-offset:2px}.settings-check{display:flex!important;align-items:center;justify-content:space-between;min-height:42px;padding:10px 11px;border:1px solid var(--border);border-radius:9px;background:#0b1220}.settings-check input{width:17px!important;height:17px;accent-color:var(--primary-soft)}.danger-zone{border-color:#ef444461}.settings-modal-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid rgba(51,65,85,.75)}.settings-modal-header h2{margin:0;font:600 22px Outfit,sans-serif}.settings-tabs{padding:22px 12px;background:#0b1220;border-right:1px solid rgba(51,65,85,.75)}.settings-tab{display:block;width:100%;margin:2px 0;padding:11px 12px;border-radius:9px;background:transparent;color:var(--muted-text);text-align:left}.settings-tab:hover,.settings-tab.is-active{background:var(--muted);color:var(--text)}.settings-content{min-width:0;padding:28px;overflow:auto}.account-settings-modal{width:min(900px,100%)}.account-avatar-editor{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:14px;border:1px solid rgba(51,65,85,.75);border-radius:12px;background:#0f172ab3}.account-avatar-preview{width:64px;height:64px;font-size:20px}.account-avatar-preview img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar-file-label{position:relative;overflow:hidden;width:max-content}.avatar-file-label input{position:absolute;inset:0;cursor:pointer;opacity:0}.account-avatar-editor small,.account-list-row small{color:var(--muted-text);font-size:11px}.avatar-crop-modal{width:min(460px,calc(100% - 24px));overflow:hidden;border:1px solid rgba(99,102,241,.35);border-radius:18px;background:#111827;box-shadow:0 24px 80px #00000080}.avatar-crop-content{display:grid;gap:14px;padding:22px}.avatar-crop-viewport{position:relative;width:min(280px,100%);aspect-ratio:1;margin:0 auto;overflow:hidden;border:1px solid rgba(129,140,248,.6);border-radius:16px;background:#020617;cursor:grab;touch-action:none}.avatar-crop-viewport:active{cursor:grabbing}.avatar-crop-image{position:absolute;top:50%;left:50%;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none}.avatar-crop-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33.15%,rgba(255,255,255,.28) 33.2%,transparent 33.5%,transparent 66.15%,rgba(255,255,255,.28) 66.2%,transparent 66.5%),linear-gradient(0deg,transparent 33.15%,rgba(255,255,255,.28) 33.2%,transparent 33.5%,transparent 66.15%,rgba(255,255,255,.28) 66.2%,transparent 66.5%);box-shadow:inset 0 0 0 1px #ffffff8c}.avatar-crop-zoom{display:grid;gap:6px;color:var(--muted-text);font-size:12px}.avatar-crop-zoom input{width:100%;accent-color:var(--accent)}.avatar-crop-hint,.avatar-crop-loading{margin:0;color:var(--muted-text);font-size:12px;text-align:center}.avatar-crop-actions{justify-content:flex-end;margin-top:4px}.account-card{display:grid;gap:10px;margin-bottom:14px;padding:15px;border:1px solid rgba(51,65,85,.75);border-radius:12px;background:#0f172ab3}.account-card strong{color:var(--text);font:600 14px Outfit,sans-serif}.account-card-head,.account-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-list-row{min-height:48px;padding:9px 0;border-bottom:1px solid rgba(51,65,85,.45)}.account-list-row:last-child{border-bottom:0}.account-list-row>div{display:grid;gap:2px;min-width:0}.account-list-row.is-current strong:after{margin-left:7px;color:#6ee7b7;content:"· atual";font-size:11px;font-weight:400}.settings-inline-form{display:flex;align-items:center;gap:8px}.settings-inline-form input{min-width:0;flex:1;border:1px solid var(--border);border-radius:9px;padding:9px 10px;background:#0b1220;color:var(--text)}.mfa-enrollment{display:grid;justify-items:start;gap:10px}.mfa-enrollment p{margin:0;color:var(--muted-text);font-size:12px}.mfa-qr{width:180px;height:180px;padding:8px;border-radius:10px;background:#fff}.mfa-enrollment code{max-width:100%;overflow:auto;color:var(--primary-soft);font-size:11px}.settings-form,.settings-section-head{display:grid;gap:16px}.settings-form label,.settings-grid label{display:grid;gap:7px;color:var(--subtle);font-size:12px;font-weight:600}.settings-form input,.settings-form textarea,.settings-form select,.channel-select{width:100%;border:1px solid var(--border);border-radius:9px;padding:10px 11px;outline:0;background:#0b1220;color:var(--text)}.settings-form textarea{min-height:96px;resize:vertical}.settings-form input:focus,.settings-form textarea:focus,.settings-form select:focus,.channel-select:focus{border-color:var(--primary-soft)}.create-dialog{width:min(480px,100%);padding:28px;border:1px solid rgba(129,140,248,.42);border-radius:20px;background:linear-gradient(150deg,#172033,#0f172a 72%);box-shadow:0 28px 90px #0000008c}.create-dialog-orb{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border:1px solid rgba(129,140,248,.4);border-radius:14px;background:#6366f12e;color:var(--primary-soft)}.create-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.create-dialog-header h2{margin:0 0 5px;font:600 24px Outfit,sans-serif}.create-dialog-header p{margin:0;color:var(--muted-text);font-size:12px}.create-dialog-form{display:grid;gap:14px;margin-top:24px}.create-dialog-form label{display:grid;gap:7px;color:var(--subtle);font-size:12px;font-weight:600}.create-dialog-form input,.create-dialog-form textarea,.create-dialog-form select{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 12px;outline:0;background:#070b14ad;color:var(--text)}.create-dialog-form input[type=color]{height:42px;padding:4px}.create-dialog-form textarea{min-height:84px;resize:vertical}.create-dialog-form input:focus,.create-dialog-form textarea:focus,.create-dialog-form select:focus{border-color:var(--primary-soft);box-shadow:0 0 0 3px #818cf81f}.field-optional{color:var(--muted-text);font-size:10px;font-weight:400}.create-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:6px}.media-settings-layout{display:grid;gap:14px}.media-settings-panel{display:grid;gap:14px;padding:16px;border:1px solid rgba(51,65,85,.78);border-radius:14px;background:linear-gradient(145deg,#172033d1,#0b1220ad)}.media-settings-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.media-settings-panel-head h3{margin:0 0 4px;color:var(--text);font:600 17px Outfit,sans-serif}.media-settings-panel-head p{max-width:520px;margin:0;color:var(--muted-text);font-size:11px}.media-device-status{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px solid rgba(51,65,85,.68);border-radius:10px;background:#070b1457}.media-device-status-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:8px;background:#94a3b81f;color:var(--muted-text)}.media-device-status span:last-child{display:grid;gap:1px;min-width:0}.media-device-status strong{color:var(--subtle);font-size:12px}.media-device-status small{color:var(--muted-text);font-size:10px}.media-device-status.is-ready{border-color:#05966961}.media-device-status.is-ready .media-device-status-icon{background:#05966926;color:#6ee7b7}.media-device-status.is-empty{border-color:#f59e0b6b}.media-device-status.is-empty .media-device-status-icon{background:#f59e0b24;color:#fbbf24}.media-device-status.is-loading .media-device-status-icon{color:var(--primary-soft);animation:media-device-pulse 1.2s ease-in-out infinite}.media-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.media-device-field{gap:10px!important;padding:12px;border:1px solid rgba(51,65,85,.72);border-radius:11px;background:#070b1461}.media-field-label{display:flex;align-items:center;gap:9px;min-width:0}.media-field-label>span:last-child{display:grid;gap:1px;min-width:0}.media-field-label strong{color:var(--subtle);font-size:12px}.media-field-label small,.media-range-field small,.media-settings-toggles small{color:var(--muted-text);font-size:10px;font-weight:400}.media-field-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:8px;background:#6366f124;color:var(--primary-soft)}.media-device-field select{margin-top:2px}.media-range-field{gap:8px!important;padding:12px;border:1px solid rgba(51,65,85,.72);border-radius:11px;background:#070b1461}.media-range-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.media-range-head output{color:var(--primary-soft);font-size:11px;font-variant-numeric:tabular-nums}.media-settings-toggles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:0}.media-settings-toggles label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:84px;padding:14px 16px;border:1px solid rgba(51,65,85,.72);border-radius:11px;background:#070b1461;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.media-settings-toggles label:hover{border-color:#818cf8a6;background:#0f172a9e;transform:translateY(-1px)}.media-settings-toggles label:focus-within{border-color:var(--primary-soft);box-shadow:0 0 0 3px #818cf824}.media-settings-toggle-copy{display:grid;gap:5px;min-width:0}.media-settings-toggle-control{display:grid;place-items:center;min-width:32px;min-height:32px}.media-settings-toggles strong{color:var(--subtle);font-size:12px}.media-settings-toggles input{width:18px;height:18px;margin:0;accent-color:var(--primary-soft);cursor:pointer}.media-settings-meter{margin-top:0}.media-settings-layout>.settings-actions{justify-content:flex-end;gap:8px;padding-top:2px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.media-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-settings-grid input[type=range]{width:100%;accent-color:var(--primary-soft)}.media-settings-toggles input{accent-color:var(--primary-soft)}.media-settings-meter{display:grid;gap:7px;margin-top:18px;padding:12px;border:1px solid rgba(51,65,85,.65);border-radius:10px;background:#0f172a8c}.media-settings-meter>div{display:grid;gap:3px}.media-settings-meter strong{color:var(--subtle);font-size:12px}.media-settings-meter small{color:var(--muted-text);font-size:11px}.media-settings-meter meter{width:100%;height:8px;accent-color:var(--primary-soft)}.settings-actions{display:flex;justify-content:flex-end;padding-top:4px}.primary-button,.text-button{border-radius:8px}.primary-button{padding:9px 13px;background:var(--primary);color:#fff;font-size:12px;font-weight:600}.primary-button:hover{background:var(--primary-soft)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.text-button{padding:5px 7px;background:transparent;color:var(--primary-soft);font-size:11px}.text-button:hover{background:var(--muted)}.context-menu-dismiss{position:fixed;inset:0;z-index:20;background:transparent}.user-context-menu{position:fixed;z-index:21;display:grid;width:min(304px,calc(100vw - 16px));max-height:min(720px,calc(100vh - 16px));max-height:min(720px,calc(100dvh - 16px));overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid rgba(100,116,139,.72);border-radius:10px;background:#26272d;box-shadow:0 18px 42px #00000073;scrollbar-gutter:stable}.context-menu-user{display:grid;gap:3px;padding:7px 10px 10px;border-bottom:1px solid rgba(100,116,139,.52)}.context-menu-user strong{overflow:hidden;color:var(--text);font:600 13px Outfit,sans-serif;text-overflow:ellipsis;white-space:nowrap}.context-menu-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:34px;gap:12px;padding:7px 10px;border-radius:6px;background:transparent;color:var(--subtle);line-height:1.35;text-align:left;font-size:13px}.context-menu-item:hover{background:#47556980;color:var(--text)}.context-menu-item:disabled{cursor:not-allowed;color:#a8b0bf;opacity:.68}.context-menu-item.is-danger{color:#f87171}.context-menu-item.is-danger:disabled{color:#c77780}.context-menu-item.is-danger:hover{background:#7f1d1d59;color:#fca5a5}.context-menu-separator{height:1px;margin:6px 2px;background:#64748b7a}.context-menu-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 10px;min-height:34px;padding:7px 10px;color:#a8b0bf;font-size:13px}.context-menu-control span{min-width:0}.context-menu-control input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--primary-soft)}.context-menu-control input[type=checkbox]{justify-self:end;accent-color:var(--primary-soft)}.context-menu-control.is-disabled{opacity:.72}.settings-section-head{grid-template-columns:1fr auto;align-items:center;margin-bottom:18px}.settings-section-head h3{margin:0 0 3px;font:600 18px Outfit,sans-serif}.settings-section-head p{margin:0;color:var(--muted-text);font-size:12px}.role-list,.invite-list,.overwrite-card{display:grid;gap:10px}.role-card,.overwrite-card{padding:14px;border:1px solid rgba(51,65,85,.75);border-radius:12px;background:#0f172ab3}.role-card-head,.overwrite-target,.permission-row,.invite-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.role-card-head>div,.overwrite-target{display:grid}.role-card-head strong,.overwrite-target strong{font:600 14px Outfit,sans-serif}.danger-icon{color:#fca5a5}.permission-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 8px}.permission-chip,.permission-state{border:1px solid var(--border);border-radius:7px;padding:5px 7px;background:transparent;color:var(--muted-text);font-size:10px}.permission-chip.is-allowed,.permission-state.is-allowed{border-color:#059669a6;background:#05966924;color:#6ee7b7}.permission-state.is-denied{border-color:#ef4444a6;background:#ef444424;color:#fca5a5}.permission-chip:hover,.permission-state:hover{border-color:var(--primary-soft);color:var(--text)}.permission-row{padding:10px 0;border-bottom:1px solid rgba(51,65,85,.45);color:var(--subtle);font-size:12px}.permission-row:last-child{border-bottom:0}.permission-actions{display:flex;gap:6px}.settings-role-layout,.settings-member-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;min-height:0}.settings-role-list,.settings-member-list{display:grid;align-content:start;gap:5px;padding:6px;border:1px solid rgba(51,65,85,.75);border-radius:12px;background:#0f172a8c}.settings-role-item,.settings-member-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px;border-radius:8px;background:transparent;color:var(--text);text-align:left}.settings-role-item:hover,.settings-role-item.is-active,.settings-member-item:hover,.settings-member-item.is-active{background:var(--muted)}.settings-role-item>span:not(.role-color-dot),.settings-member-item>span:not(.avatar){display:grid;gap:2px;min-width:0}.settings-role-item small,.settings-member-item small{overflow:hidden;color:var(--muted-text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.role-color-dot{flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:var(--role-color, #94a3b8)}.settings-role-editor,.settings-member-editor{min-width:0}.settings-inline-fields,.settings-permission-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-inline-fields label,.settings-permission-toolbar label,.settings-select-label{display:grid;gap:7px;color:var(--subtle);font-size:12px;font-weight:600}.settings-inline-fields input,.settings-permission-toolbar select,.settings-select-label select,#role-editor-form input{min-width:0;border:1px solid var(--border);border-radius:9px;padding:10px 11px;outline:0;background:#0b1220;color:var(--text)}.settings-inline-fields input[type=color]{height:38px;padding:4px}.settings-role-editor h4,.settings-member-editor h4{margin:0 0 5px;font:600 18px Outfit,sans-serif}.permission-groups{display:grid;gap:12px;margin-top:20px}.permission-group{display:grid;gap:5px;margin:0;padding:10px;border:1px solid rgba(51,65,85,.75);border-radius:11px}.permission-group legend{padding:0 5px;color:var(--subtle);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.permission-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;border-radius:7px;background:transparent;color:var(--subtle);font-size:12px;text-align:left}.permission-toggle:hover,.permission-toggle.is-allowed{background:#05966924;color:#6ee7b7}.permission-toggle span:last-child{font-size:10px}.member-role-grid{display:flex;flex-wrap:wrap;gap:8px}.member-role-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--subtle);font-size:11px}.member-role-chip.is-allowed{border-color:#059669a6;background:#05966924;color:#6ee7b7}.settings-permission-toolbar{margin-bottom:16px}.settings-permission-toolbar select{width:100%}.permission-state.is-active{border-color:var(--primary-soft);background:#6366f12e;color:var(--text)}.danger-text{color:#fca5a5}.invite-row{padding:10px 12px;border:1px solid rgba(51,65,85,.6);border-radius:9px}.invite-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.dm-panel{display:flex;min-height:0;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dm-search-wrap{padding:12px;border-bottom:1px solid rgba(51,65,85,.45)}.search-field{display:flex;align-items:center;gap:6px;min-width:0;padding:8px 9px;border:1px solid rgba(51,65,85,.8);border-radius:9px;background:#0b1220cc;color:var(--muted-text)}.search-field:focus-within{border-color:var(--primary-soft);color:var(--text)}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:11px;text-align:left}.search-field input::placeholder{color:#64748b}.dm-list{flex:1;min-height:0;padding:12px 10px;overflow:auto}.dm-row{display:flex;align-items:center;width:100%;gap:10px;min-height:52px;padding:7px 9px;border-radius:10px;background:transparent;color:var(--subtle);text-align:left}.dm-row:hover,.dm-row.is-active{background:var(--muted);color:var(--text)}.dm-copy{display:grid;min-width:0;flex:1}.dm-copy strong,.home-friend-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px Outfit,sans-serif}.dm-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--primary-soft);box-shadow:0 0 0 3px #818cf824}.home-content-panel{min-width:0}.home-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;min-height:92px;padding:22px 26px 18px;border-bottom:1px solid rgba(51,65,85,.65)}.home-toolbar h1{margin:0;font:600 24px Outfit,sans-serif}.home-tabs{display:flex;align-items:center;gap:6px}.home-tab{padding:8px 11px;border-radius:8px;background:transparent;color:var(--muted-text);font-size:12px}.home-tab:hover,.home-tab.is-active{background:var(--muted);color:var(--text)}.home-tab.is-active{box-shadow:inset 0 -2px var(--primary-soft)}.home-search-row{padding:14px 26px 0}.home-search-row .search-field{max-width:480px}.friend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;align-content:start;padding:18px 26px 26px;overflow:auto}.home-friend-card{display:flex;align-items:center;min-width:0;gap:11px;padding:12px;border:1px solid rgba(51,65,85,.65);border-radius:12px;background:#1118279e;color:var(--subtle);text-align:left}.home-friend-card:hover{border-color:#818cf8b3;background:#1e293bbf;transform:translateY(-1px)}.home-friend-copy{display:grid;min-width:0;flex:1}.home-friend-activity{max-width:110px;overflow:hidden;color:var(--muted-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.home-friend-card .presence{margin-left:auto}.home-empty{grid-column:1 / -1;display:grid;justify-items:center;align-content:center;min-height:280px;color:var(--muted-text);text-align:center}.home-empty h2{margin:13px 0 4px;color:var(--text);font:600 18px Outfit,sans-serif}.home-empty p{margin:0;font-size:12px}.activity-panel{padding:25px 16px}.activity-row{display:flex;align-items:center;width:100%;gap:9px;min-height:50px;padding:6px;border-radius:9px;background:transparent;color:var(--subtle);text-align:left}.activity-row:hover{background:#1e293b99}.activity-row>span:nth-child(2){display:grid;min-width:0;flex:1}.activity-row strong,.activity-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-row .presence{margin-left:auto}.home-dm-header{min-height:74px}.home-dm-header .channel-title>div{display:grid}.home-dm-header .title-subtitle{margin:0}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 25% 15%,rgba(99,102,241,.18),transparent 35%),#070b14}.auth-card{width:min(420px,100%);padding:34px;border:1px solid rgba(99,102,241,.35);border-radius:18px;background:#111827e0;box-shadow:0 24px 80px #00000059}.auth-brand{display:flex;align-items:center;gap:9px;margin-bottom:24px;color:var(--text);font:600 15px Outfit,sans-serif;letter-spacing:.02em}.auth-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font-size:14px}.auth-card h1{margin:8px 0;font:600 28px Outfit,sans-serif}.auth-card p{margin:0 0 24px;color:var(--muted-text);font-size:13px;line-height:1.6}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;color:var(--subtle);font-size:12px;font-weight:600}.auth-form input{border:1px solid var(--border);border-radius:9px;padding:11px;outline:0;background:#0b1220;color:var(--text)}.auth-form input:focus{border-color:var(--primary-soft)}.auth-form input:disabled{cursor:not-allowed;opacity:.55}.auth-links{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.auth-confirmation{padding:14px;border:1px solid rgba(99,102,241,.3);border-radius:10px;background:#6366f11a;color:var(--subtle);font-size:12px;line-height:1.6}.auth-notice{display:block;min-height:18px;margin-top:16px;color:var(--muted-text);font-size:11px;white-space:pre-line}@media(max-width:680px){.modal-backdrop{padding:10px}.settings-modal{display:flex;flex-direction:column;max-height:100%}.settings-tabs{display:flex;overflow:auto;padding:8px;border-right:0;border-bottom:1px solid rgba(51,65,85,.75)}.settings-tab{min-width:max-content}.settings-content{padding:20px 16px}.settings-grid,.settings-section-head{grid-template-columns:1fr}}@keyframes media-device-pulse{50%{opacity:.45;transform:scale(.92)}}@media(max-width:760px){.media-device-grid,.media-settings-toggles{grid-template-columns:1fr}.media-settings-panel-head{flex-direction:column}}@media(max-width:680px){.media-settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.settings-role-layout,.settings-member-layout{grid-template-columns:1fr}.settings-role-list,.settings-member-list{max-height:190px;overflow:auto}}@media(max-width:1040px){.app-shell{grid-template-columns:68px 220px minmax(360px,1fr)}.details-panel{display:none}.call-dock{left:312px;right:24px}}@media(max-width:760px){.app-shell{grid-template-columns:58px minmax(0,1fr)}.channel-panel,.dm-panel{display:none}.conversation-header{padding:0 16px}.home-toolbar{align-items:flex-start;flex-direction:column;padding:18px 16px 14px}.home-tabs{width:100%;flex-wrap:wrap}.home-tabs .primary-button{margin-left:auto}.home-search-row{padding:14px 16px 0}.friend-grid{grid-template-columns:1fr;padding:14px 16px 20px}.message-list{padding:20px 14px}.voice-stage{margin:12px 14px 0}.composer{margin:0 14px 14px}.call-dock{left:72px;right:14px;bottom:14px}.title-subtitle{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.invite-page{position:relative;isolation:isolate;min-height:100dvh;display:grid;place-items:center;overflow:auto;padding:clamp(18px,5vw,64px);background:#070b14}.invite-page:before,.invite-page:after{position:absolute;z-index:-1;pointer-events:none;content:""}.invite-page:before{inset:0;background:radial-gradient(circle at 12% 18%,rgba(99,102,241,.18),transparent 30%),radial-gradient(circle at 88% 82%,rgba(37,99,235,.12),transparent 28%)}.invite-page:after{inset:0;opacity:.35;background-image:linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 30%,transparent);mask-image:linear-gradient(to bottom,transparent,black 30%,transparent)}.invite-card{position:relative;width:min(720px,100%);overflow:hidden;border:1px solid rgba(129,140,248,.28);border-radius:28px;background:#0f172af0;box-shadow:0 28px 100px #02061785,inset 0 1px #ffffff12}.invite-cover{position:relative;display:grid;align-items:end;justify-items:start;min-height:clamp(184px,30vw,246px);overflow:hidden;padding:clamp(24px,5vw,38px);background:#111827}.invite-cover.is-default{background:linear-gradient(135deg,#312e81,#4338ca 46%,#111827)}.invite-cover.is-default:before,.invite-cover.is-default:after{position:absolute;inset:0;content:"";pointer-events:none}.invite-cover.is-default:before{background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.2),transparent 28%),radial-gradient(circle at 92% 88%,rgba(96,165,250,.2),transparent 34%)}.invite-cover.is-default:after{background:linear-gradient(120deg,transparent 24%,rgba(255,255,255,.12) 50%,transparent 74%);transform:translate(-100%);animation:invite-cover-sheen 7s ease-in-out infinite}.invite-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.invite-cover.has-custom-cover:after{position:absolute;inset:0;background:linear-gradient(180deg,#070b1414,#070b14a3);content:""}.invite-cover-brand{position:relative;z-index:1;color:#ffffffeb;font:600 clamp(22px,5vw,38px) Outfit,sans-serif;letter-spacing:.1em;text-transform:uppercase}.invite-cover-brand:after{display:block;width:42px;height:3px;margin-top:12px;border-radius:99px;background:var(--primary-soft);content:""}.invite-card-body{display:grid;justify-items:center;padding:0 clamp(22px,7vw,68px) 42px;color:var(--muted-text);text-align:center}.invite-server-icon{display:grid;place-items:center;width:88px;height:88px;margin-top:-44px;border:6px solid #0f172a;border-radius:26px;background:#111827;box-shadow:0 16px 32px #02061770}.avatar-invite{width:76px;height:76px;border-radius:20px;font-size:24px}.invite-content-stack,.invite-error-content,.invite-loading-content{display:grid;justify-items:center;width:100%}.invite-card-body .eyebrow{margin-top:20px;color:#a5b4fc}.invite-card-body h1{max-width:100%;margin:8px 0;color:var(--text);font:600 clamp(29px,6vw,42px) Outfit,sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere}.invite-card-body p{max-width:480px;margin:0;line-height:1.65}.invite-join-button,.invite-home-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:210px;min-height:46px;margin-top:26px;border:1px solid rgba(165,180,252,.24);border-radius:14px;text-decoration:none;box-shadow:0 10px 24px #4f46e538;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.invite-join-button:hover,.invite-home-button:hover{background:var(--primary-soft);box-shadow:0 14px 28px #4f46e552;transform:translateY(-2px)}.invite-join-button:active,.invite-home-button:active{transform:translateY(0) scale(.98)}.invite-page-note{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--muted-text);font-size:11px}.invite-page-note:before{width:6px;height:6px;border-radius:99px;background:var(--accent);box-shadow:0 0 0 4px #0596691f;content:""}.invite-error-content{padding-top:4px}.invite-error-visual{position:relative;display:grid;place-items:center;width:min(300px,100%);height:132px;margin:24px auto 4px;overflow:hidden;border:1px solid rgba(165,180,252,.15);border-radius:20px;background:#f8fafc;color:#0f172a}.invite-error-shape{position:absolute;left:-44px;width:132px;height:190px;border-radius:50%;background:#0f172a;transform:rotate(-12deg)}.invite-error-shape-back{opacity:.22;filter:blur(2px);transform:translate(24px,10px) rotate(-12deg)}.invite-error-shape-front{clip-path:polygon(0 0,60% 0,45% 15%,64% 30%,45% 45%,62% 62%,43% 78%,63% 100%,0 100%);animation:invite-error-drift 4.5s ease-in-out infinite}.invite-error-code{position:relative;z-index:1;margin-left:58px;font:700 clamp(34px,8vw,48px) Outfit,sans-serif;letter-spacing:-.06em}.invite-error-content .eyebrow{margin-top:18px;color:#fda4af}.invite-error-content h1{margin-top:8px}.invite-error-content p{max-width:390px}.invite-home-button{min-width:188px}.invite-loading-content{padding-top:28px}.invite-loading-eyebrow,.invite-loading-title,.invite-loading-copy,.invite-loading-button{display:block;border-radius:99px;background:linear-gradient(100deg,#33415585,#818cf83d,#33415585);background-size:220% 100%;animation:invite-skeleton-shimmer 1.5s ease-in-out infinite}.invite-loading-eyebrow{width:124px;height:10px}.invite-loading-title{width:min(300px,70%);height:36px;margin-top:14px}.invite-loading-copy{width:min(400px,90%);height:16px;margin-top:14px}.invite-loading-button{width:210px;height:46px;margin-top:28px}@keyframes invite-cover-sheen{0%,35%{transform:translate(-100%)}65%,to{transform:translate(100%)}}@keyframes invite-error-drift{0%,to{transform:translate(-2px) rotate(-12deg)}50%{transform:translate(9px,4px) rotate(-8deg)}}@keyframes invite-skeleton-shimmer{0%{background-position:180% 0}to{background-position:-20% 0}}@media(max-width:520px){.invite-page{align-items:start;padding:12px}.invite-card{margin-top:5vh;border-radius:22px}.invite-card-body{padding-bottom:32px}.invite-cover{min-height:168px;padding:24px}.invite-cover-brand{font-size:24px}.invite-error-visual{height:118px}}@media(prefers-reduced-motion:reduce){.invite-cover.is-default:after,.invite-error-shape-front,.invite-loading-eyebrow,.invite-loading-title,.invite-loading-copy,.invite-loading-button{animation:none}}.server-cover-editor{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.25fr);gap:16px;align-items:center;padding:14px;border:1px solid rgba(51,65,85,.72);border-radius:12px;background:#0f172a8c}.server-cover-preview{display:grid;place-items:center;min-height:108px;overflow:hidden;border-radius:10px;background:#111827;color:#ffffffdb}.server-cover-preview.is-default{background:linear-gradient(135deg,#312e81,#4f46e5 48%,#0f172a)}.server-cover-preview img{width:100%;height:100%;min-height:108px;object-fit:cover}.server-cover-preview span{font:600 19px Outfit,sans-serif;letter-spacing:.08em;text-transform:uppercase}.server-cover-copy{display:grid;gap:6px;min-width:0}.server-cover-copy strong{color:var(--text);font:600 14px Outfit,sans-serif}.server-cover-copy p{margin:0;color:var(--muted-text);font-size:11px;line-height:1.5}.server-cover-copy small{color:var(--muted-text);font-size:10px}.server-cover-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}.server-cover-file-label{position:relative;overflow:hidden;cursor:pointer}.server-cover-file-label input{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}.server-cover-file-label:has(input:disabled){cursor:wait;opacity:.7}.settings-inline-notice{min-height:16px;margin:-6px 0 0;color:var(--muted-text);font-size:11px}@media(max-width:560px){.server-cover-editor{grid-template-columns:1fr}}.auth-shell--studio{position:relative;isolation:isolate;min-height:100dvh;overflow:auto;background:radial-gradient(circle at 12% 10%,rgba(99,102,241,.2),transparent 28%),radial-gradient(circle at 88% 92%,rgba(5,150,105,.08),transparent 25%),#070b14}.auth-shell--studio:before{position:absolute;inset:20px;z-index:-1;border:1px solid rgba(129,140,248,.08);border-radius:28px;content:"";pointer-events:none}.auth-card--studio{animation:studio-surface-enter .28s var(--ease-out) both;background:linear-gradient(145deg,#172033f0,#0b1220f0);box-shadow:0 28px 90px #02061775,inset 0 1px #ffffff0f;transition:border-color var(--motion-standard) var(--ease-out),box-shadow var(--motion-standard) var(--ease-out)}.auth-card--studio:hover{border-color:#818cf885;box-shadow:0 32px 100px #02061785,inset 0 1px #ffffff14}.studio-shell{position:relative;isolation:isolate;background:radial-gradient(circle at 70% -20%,rgba(99,102,241,.18),transparent 32%),var(--bg)}.studio-shell:before{position:absolute;inset:0;z-index:0;background:linear-gradient(120deg,transparent 0 42%,rgba(129,140,248,.035) 60%,transparent 78%);content:"";pointer-events:none}.studio-shell>*{position:relative;z-index:1}.studio-shell .server-rail,.studio-shell .user-panel{background:linear-gradient(180deg,#0b1220fa,#070b14f0)}.studio-shell .panel-header,.studio-shell .conversation-header{background:#111827b8}.studio-shell .server-pill{transition:transform var(--motion-fast) var(--ease-out),border-radius var(--motion-standard) var(--ease-out),background var(--motion-standard) var(--ease-out),color var(--motion-standard) var(--ease-out)}.studio-shell .server-pill:hover{transform:translateY(-2px)}.studio-shell .dm-row,.studio-shell .home-friend-card,.studio-shell .channel-item{transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.studio-shell .dm-row.is-active,.studio-shell .channel-item.is-active{box-shadow:inset 3px 0 var(--primary-soft),0 8px 20px #02061724}.studio-shell .home-friend-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #02061733}.studio-tabs{position:relative;padding:4px;border:1px solid rgba(51,65,85,.72);border-radius:12px;background:#0b122094}.studio-tabs .home-tab{position:relative;z-index:1;min-height:34px;padding-inline:13px;border-radius:8px;transition:color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.studio-tabs .home-tab:after{position:absolute;right:10px;bottom:4px;left:10px;height:2px;border-radius:999px;background:var(--primary-soft);content:"";transform:scaleX(0);transform-origin:center;transition:transform var(--motion-standard) var(--ease-out)}.studio-tabs .home-tab.is-active:after{transform:scaleX(1)}.studio-tabs .home-tab.is-active{background:#6366f129;box-shadow:none}.studio-shell .search-field,.studio-shell .composer{border-color:#64748bb8;box-shadow:inset 0 1px #ffffff06}.studio-backdrop{animation:studio-overlay-enter .18s var(--ease-out) both}.settings-modal--studio,.create-dialog--studio,.user-context-menu--studio{animation:studio-surface-enter .22s var(--ease-out) both}.settings-modal--studio{border-color:#818cf866;box-shadow:0 30px 90px #02061794,inset 0 1px #ffffff0f}.settings-tabs--studio{padding:14px 10px;background:linear-gradient(180deg,#0b1220f5,#070b14d1)}.settings-tabs--studio .settings-tab{position:relative;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.settings-tabs--studio .settings-tab:hover{transform:translate(2px)}.settings-tabs--studio .settings-tab.is-active{background:#6366f133;box-shadow:inset 3px 0 var(--primary-soft),0 8px 18px #02061724}.create-dialog--studio{border-color:#818cf86b;box-shadow:0 30px 90px #02061794,inset 0 1px #ffffff0f}.user-context-menu--studio{border-color:#818cf866;background:linear-gradient(160deg,#26272dfa,#172033fa);box-shadow:0 22px 60px #02061785,inset 0 1px #ffffff0f}@keyframes studio-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes studio-surface-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.studio-tabs{width:100%;overflow-x:auto}.studio-tabs .home-tab{flex:0 0 auto}.auth-shell--studio:before{inset:10px;border-radius:22px}}@media(prefers-reduced-motion:reduce){.auth-card--studio,.studio-backdrop,.settings-modal--studio,.create-dialog--studio,.user-context-menu--studio{animation:none}.studio-shell .server-pill,.studio-shell .dm-row,.studio-shell .home-friend-card,.studio-shell .channel-item,.studio-tabs .home-tab,.studio-tabs .home-tab:after,.settings-tabs--studio .settings-tab{transition:none}}