:root,.theme-dark{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#36393f;--panel:#2f3136;--panel-dark:#202225;--hover:#40444b;--input-bg:#40444b;--accent:#5865f2;--accent-text:#fff;--text:#dcddde;--text-strong:#fff;--muted:#8e9297;--muted-2:#72767d;--border:#202225;--scrollbar:#202225;--success:#43b581;--danger:#da373c}.theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--panel:#f2f3f5;--panel-dark:#e3e5e8;--hover:#e0e1e5;--input-bg:#e3e5e8;--accent:#5865f2;--accent-text:#fff;--text:#2e3338;--text-strong:#060607;--muted:#5c6773;--muted-2:#6a7480;--border:#d4d7dc;--scrollbar:#c4c9d0;--success:#248046;--danger:#d83c3e}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{width:100%;height:100dvh}button,input,textarea{font-family:inherit}.msg-scroll{overflow-anchor:none}@keyframes oc-spin{to{transform:rotate(1turn)}}@keyframes oc-orbit-glow{0%,to{opacity:.42;filter:blur(5px)}50%{opacity:.82;filter:blur(8px)}}@keyframes oc-soft-glow{0%,to{box-shadow:calc(-1 * var(--oc-glow-offset)) 0 var(--oc-glow-radius) #2091ff1a, var(--oc-glow-offset) 0 var(--oc-glow-radius) #18daae17}50%{box-shadow:calc(-1 * var(--oc-glow-offset)) 0 var(--oc-glow-radius) #2091ff2e, var(--oc-glow-offset) 0 var(--oc-glow-radius) #18daae29}}.oc-spinner{--oc-spinner-size:104px;--oc-orbit-colors:conic-gradient(transparent 0deg 7deg, #14e3ba 7deg, #11cda8 78deg, #07836f 173deg, transparent 173deg 187deg, #0756a8 187deg, #117ee9 254deg, #2fb7ff 343deg, transparent 353deg 360deg);--oc-orbit-mask:radial-gradient(farthest-side, transparent 0 83%, #000 84% 97%, transparent 98% 100%);--oc-glow-offset:2px;--oc-glow-radius:10px;width:var(--oc-spinner-size);height:var(--oc-spinner-size);aspect-ratio:1;isolation:isolate;background:url(/logo.png) 50%/58% 58% no-repeat;border-radius:50%;flex:none;animation:2.4s ease-in-out infinite oc-soft-glow;display:inline-block;position:relative}.oc-spinner-image{vertical-align:top;place-items:center;min-width:48px;min-height:48px;line-height:0;display:inline-grid}.oc-spinner-image>*{grid-area:1/1}.oc-spinner-image>.oc-spinner{pointer-events:none}.oc-spinner-image>img{transition:opacity .16s}.oc-spinner:before,.oc-spinner:after{content:"";background:radial-gradient(circle, transparent 0 84%, #c7ffffd1 85%, transparent 88%), var(--oc-orbit-colors);-webkit-mask:var(--oc-orbit-mask);-webkit-mask:var(--oc-orbit-mask);mask:var(--oc-orbit-mask);transform-origin:50%;will-change:transform;border-radius:50%;position:absolute;inset:5%}.oc-spinner:before{animation:1.15s linear infinite oc-spin,1.8s ease-in-out infinite oc-orbit-glow}.oc-spinner:after{animation:1.15s linear infinite oc-spin}@media (prefers-reduced-motion:reduce){.oc-spinner{animation-duration:4.8s}.oc-spinner:before{animation-duration:2.4s,3.6s}.oc-spinner:after{animation-duration:2.4s}.server-rail-item--selected:before{animation:none}}#root.tauri{flex-direction:column;display:flex}#root.tauri>.app-shell{flex:1 1 0;height:auto;min-height:0}button,a,input,textarea,select{transition:background-color .12s,box-shadow .12s,opacity .12s,border-color .12s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:0 0 0 3px #5865f28c}button:disabled{cursor:default}::selection{background:#5865f259}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=768px){input,textarea,select{font-size:16px}}.app-shell{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.sidebars{flex-shrink:0;height:100%;display:flex}.main-view{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.call-view{background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 34%), var(--bg);flex-direction:column;flex:1;min-height:0;display:flex}.call-view-content{flex-direction:column;flex:1;gap:14px;min-height:0;padding:22px;display:flex;overflow-y:auto}.call-stage-heading{color:var(--text-strong);flex:none;align-items:center;gap:10px;display:flex}.call-stage-heading>div{align-items:baseline;gap:9px;min-width:0;display:flex}.call-stage-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.call-stage-heading small{color:var(--success);font-size:12px;font-weight:600}.call-stage-icon{border:1px solid color-mix(in srgb, var(--success) 55%, var(--border));background:color-mix(in srgb, var(--success) 12%, var(--panel));width:28px;height:28px;color:var(--success);border-radius:50%;flex:none;place-items:center;display:grid}.call-participant-grid{flex:1;grid-template-columns:repeat(2,minmax(220px,1fr));grid-auto-rows:minmax(220px,1fr);gap:14px;min-height:0;display:grid}.call-participant-card{border:1px solid var(--border);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 42%), var(--panel-dark);border-radius:14px;place-items:center;min-width:0;min-height:220px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #0000001f}.call-participant-card.is-speaking{border-color:var(--success);box-shadow:0 0 0 1px var(--success), 0 0 26px color-mix(in srgb, var(--success) 20%, transparent)}.call-participant-avatar{place-items:center;display:grid;position:relative}.call-participant-name{min-width:0;color:var(--text-strong);align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.call-participant-name>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.call-participant-name small{color:var(--success);font-size:11px}.call-participant-card.is-muted .call-participant-name{color:var(--muted)}.call-live-badge{border:2px solid var(--panel-dark);background:var(--danger);color:#fff;letter-spacing:.05em;white-space:nowrap;border-radius:9px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;bottom:-5px;right:-10px}.call-participant-strip{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.call-participant-strip .call-participant-card{justify-content:flex-start;gap:10px;width:auto;min-width:150px;min-height:58px;padding:10px 14px;display:flex}.call-participant-strip .call-participant-name{position:static}.call-controls{z-index:5;border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:color-mix(in srgb, var(--panel-dark) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;flex-wrap:wrap;flex:none;justify-content:center;gap:8px;padding:12px;display:flex;position:sticky;bottom:0;box-shadow:0 12px 38px #00000047}.call-control,.call-join-button{border:1px solid var(--border);background:var(--input-bg);min-height:42px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-weight:650;display:inline-flex}.call-control:hover{border-color:var(--muted-2);background:var(--hover);color:var(--text-strong)}.call-control.is-active,.call-control.is-accent{background:var(--accent);color:var(--accent-text);border-color:#0000}.call-control.is-danger{background:var(--danger);color:#fff;border-color:#0000}.call-empty-state{color:var(--muted);text-align:center;flex:1;place-items:center;display:grid}.call-join-card{border:1px solid var(--border);background:var(--panel-dark);text-align:center;border-radius:18px;width:min(440px,100%);margin:auto;padding:38px;box-shadow:0 22px 60px #0000003d}.call-join-card h2{color:var(--text-strong);margin:14px 0 6px}.call-join-card p{color:var(--muted);margin:0 0 22px}.call-join-mark{background:color-mix(in srgb, var(--success) 14%, var(--input-bg));width:58px;height:58px;color:var(--success);border-radius:50%;place-items:center;margin:auto;font-size:26px;display:grid}.call-join-button{background:var(--success);color:#fff;border-color:#0000}.call-view.is-theater .call-view-content{overflow:hidden}.call-view.has-party .call-participant-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-rows:minmax(150px,1fr)}.call-view.has-party .call-participant-card{min-height:150px}.dm-header-identity{align-items:center;gap:9px;min-width:0;display:inline-flex}.dm-header-copy{gap:1px;min-width:0;display:grid}.dm-header-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dm-header-copy small{color:var(--success);font-size:10px;font-weight:600}.dm-conversation-intro{border-bottom:1px solid var(--border);padding:22px 8px 18px}.dm-conversation-intro h1{color:var(--text-strong);margin:14px 0 4px;font-size:clamp(24px,4vw,34px)}.dm-conversation-intro p{color:var(--muted);margin:0}.server-rail-item{isolation:isolate;flex-shrink:0;position:relative}.server-rail-item>button{z-index:1;position:relative}.icon-alert-badge{z-index:3;pointer-events:none;position:absolute}.server-rail-alert-badge{display:flex}.unread-badge{z-index:1;position:relative}.notification-hub-trigger,.notification-icon-button{isolation:isolate}.notification-icon-button{overflow:visible}.notification-icon-button>img{z-index:1;position:relative}.notification-icon-button>.notification-count-badge{z-index:3}@property --server-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes server-ring-orbit{to{--server-ring-angle:360deg}}.server-rail-item--selected:before{content:"";z-index:0;pointer-events:none;background:conic-gradient(from var(--server-ring-angle), #14e3ba 0deg, #11cda8 82deg, #07836f 170deg, #0756a8 190deg, #117ee9 268deg, #2fb7ff 350deg, #14e3ba 360deg);border-radius:17px;animation:2.4s linear infinite server-ring-orbit;position:absolute;inset:-3px;box-shadow:0 0 9px #2fb7ff4d,0 0 12px #14e3ba38}.app-header{flex:none;min-width:0}.app-header-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-header-actions{flex:none}.message-media-wrap,.message-media{max-width:100%}.msg-row{content-visibility:auto;contain-intrinsic-size:auto 56px}.msg-del{opacity:0;transition:opacity .12s}.msg-row:hover .msg-del{opacity:1}.msg-actions-trigger{display:none}@media (hover:none),(width<=768px){.msg-del{display:none!important}.msg-actions-trigger{display:inline-flex!important}.msg-scroll{padding:10px 8px!important}button,[role=button],[role=menuitem]{touch-action:manipulation}}@keyframes msgFlash{0%{background:var(--accent)}to{background:0 0}}.msg-flash{border-radius:6px;animation:1.4s ease-out msgFlash}.chat-options{flex:none;display:inline-flex;position:relative}.chat-options-trigger{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:inline-flex}.chat-options-trigger:hover,.chat-options-trigger[data-active=true]{background:var(--hover);border-color:var(--border);color:var(--text-strong)}.chat-options-backdrop{z-index:190;position:fixed;inset:0}.chat-options-menu{z-index:191;border:1px solid var(--border);background:var(--panel);border-radius:10px;min-width:210px;padding:6px;position:absolute;bottom:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 8px 30px #0000006b}.chat-options-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.chat-options-item:hover{background:var(--hover);color:var(--text-strong)}.chat-options-icon{width:24px;min-width:24px;color:var(--muted);justify-content:center;font-size:13px;font-weight:800;display:inline-flex}.chat-option-backdrop{z-index:199;background:#00000094;position:fixed;inset:0}.chat-option-dialog{z-index:200;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.message-actions-dialog{z-index:301;background:var(--panel);border:1px solid var(--border);border-radius:10px;width:min(280px,100vw - 24px);overflow:hidden;box-shadow:0 10px 36px #0000007a}.message-actions-dialog>button:hover,.message-actions-dialog>button:focus-visible{outline:none;background:var(--hover)!important}.modal-backdrop{padding-top:max(16px, var(--safe-top))!important;padding-right:max(16px, var(--safe-right))!important;padding-bottom:max(16px, var(--safe-bottom))!important;padding-left:max(16px, var(--safe-left))!important}.settings-dialog{flex-direction:column;display:flex;overflow:hidden!important}.settings-header,.settings-tabs,.settings-footer{flex:none}.settings-content{overscroll-behavior-y:contain;min-height:0;overflow-y:auto}.settings-close{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.settings-close:hover{background:var(--hover)!important;color:var(--text-strong)!important}.settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;display:grid!important}.settings-tab{white-space:nowrap;min-width:0}.settings-tab:focus-visible,.settings-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-row-actions{flex:none;align-items:center;gap:6px;display:flex}@keyframes callPulse{0%,to{box-shadow:0 8px 32px #00000080}50%{box-shadow:0 8px 32px #43b5818c}}.call-pop{animation:1.6s ease-in-out infinite callPulse}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}::-webkit-scrollbar-track{background:0 0}@media (width<=900px){.member-panel{display:none}}.mobile-only{display:none}@media (width<=768px){.mobile-only{display:inline-flex}.sidebars{z-index:20;width:min(304px,100vw - 44px);max-width:calc(100vw - 44px);transition:transform .2s;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 12px #00000080}.server-rail{width:60px!important;padding-top:max(10px, var(--safe-top))!important;padding-bottom:max(10px, var(--safe-bottom))!important}.channel-sidebar{min-width:0;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);width:calc(100% - 60px)!important}.app-shell.nav-open .sidebars{transform:translate(0)}.app-shell.nav-open:after{content:"";z-index:10;background:#00000080;position:absolute;inset:0}.app-header{min-height:52px;height:auto!important;padding:max(4px, var(--safe-top)) max(6px, var(--safe-right)) 4px max(6px, var(--safe-left))!important;gap:4px!important}.mobile-nav-button,.app-header-actions>button,.app-header-actions>div>button{justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0!important}.app-header-title{flex:auto;font-size:14px}.app-header-actions{gap:0!important;margin-left:0!important}.composer-shell{padding:8px max(8px, var(--safe-right)) max(8px, var(--safe-bottom)) max(8px, var(--safe-left))!important}.composer-box{min-height:48px;gap:4px!important;padding:4px 6px!important}.composer-input{min-height:40px;font-size:16px!important}.composer-send,.chat-options-trigger{justify-content:center;align-items:center;min-width:40px;display:inline-flex;width:40px!important;height:40px!important;padding:0!important}.mention-menu{max-width:none!important;left:8px!important;right:8px!important}.typing-indicator{padding-left:max(8px, var(--safe-left))!important}.chat-options-menu{min-width:min(240px,100vw - 32px);right:0}.chat-options-item{min-height:44px;font-size:15px}.chat-option-dialog{width:calc(100vw - max(16px, var(--safe-left)) - max(16px, var(--safe-right)))!important;max-width:420px!important;max-height:calc(100dvh - max(16px, var(--safe-top)) - max(16px, var(--safe-bottom)))!important}em-emoji-picker{width:100%;max-width:100%;height:100%}.settings-dialog{width:100%!important;height:calc(100dvh - max(8px, var(--safe-top)) - max(8px, var(--safe-bottom)))!important;border-radius:14px!important;max-width:none!important;max-height:none!important;padding:0!important}.settings-backdrop{padding-top:max(8px, var(--safe-top))!important;padding-right:max(8px, var(--safe-right))!important;padding-bottom:max(8px, var(--safe-bottom))!important;padding-left:max(8px, var(--safe-left))!important}.settings-header{border-bottom:1px solid var(--border);min-height:56px;padding:8px 10px 8px 16px;margin:0!important}.settings-title{font-size:18px!important}.settings-close{width:44px;height:44px}.settings-content{flex:auto;padding:16px}.settings-panel{min-width:0}.settings-panel input:not([type=range]):not([type=checkbox]),.settings-panel select,.settings-panel textarea{font-size:16px!important}.settings-panel input[type=range]{min-height:36px}.settings-tabs{border-bottom:1px solid var(--border);background:var(--panel-dark);grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 12px;gap:6px!important;margin:0!important}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs>button{border-radius:999px;min-width:0;min-height:40px;border:1px solid #0000!important;margin:0!important;padding:8px 6px!important}.settings-tabs>button[data-active=true]{border-color:var(--accent)!important;background:var(--hover)!important;color:var(--text-strong)!important}.settings-footer{padding:0 16px max(10px, var(--safe-bottom));border-top:1px solid var(--border);background:var(--panel-dark)}.settings-footer-actions{min-height:60px;border:0!important;margin:0!important;padding:8px 0!important}.settings-footer-actions>button{min-height:44px}.settings-version{padding-bottom:2px;margin-top:0!important}.settings-avatar-row{align-items:flex-start!important}.settings-avatar-actions>button{min-height:40px}.settings-theme-grid>button,.settings-status-grid>button,.settings-segmented>button{min-height:44px}.settings-friend-code code{white-space:nowrap;min-width:0;overflow-x:auto}.settings-inline-form>button,.settings-secret-row>button,.settings-list-row>button,.settings-row-actions>button{min-height:40px}.server-settings-dialog{flex-direction:column;height:calc(100dvh - max(16px, var(--safe-top)) - max(16px, var(--safe-bottom)))!important;max-width:none!important;max-height:none!important}.server-settings-tabs{overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto;flex-direction:row!important;width:100%!important;padding:6px!important}.server-settings-tabs::-webkit-scrollbar{display:none}.server-settings-tabs>button{flex:none;min-height:42px}.server-settings-name{display:none}.server-settings-content{min-height:0}.server-settings-header{padding:10px 14px!important}.server-settings-body{padding:14px!important}.server-role-layout{flex-direction:column}.server-role-list{width:100%!important}.friends-view{padding:10px!important}.friends-section{margin-bottom:12px!important;padding:12px!important}.friends-form-row{gap:8px}.friends-form-row input{min-width:0;margin-right:0!important}.friend-row{gap:10px;min-width:0}.friend-row-actions{flex:none}.dm-call-banner{overflow-x:auto;gap:6px!important;padding:6px 8px!important}.dm-call-banner>button{min-height:40px;padding:6px 10px!important}.call-view-content{gap:10px!important;padding:10px!important}.call-stage-heading>div{flex-direction:column;align-items:flex-start;gap:1px}.call-participant-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(180px,1fr)}.call-participant-card{min-height:180px}.call-screens-grid{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}.call-controls{width:100%;gap:8px!important}.call-controls>button{flex:140px;justify-content:center;min-height:44px}.dm-conversation-intro{padding:18px 8px 14px}.call-pop{left:max(10px, var(--safe-left))!important;right:max(10px, var(--safe-right))!important;bottom:max(10px, var(--safe-bottom))!important;width:auto!important}}@media (width<=520px){.settings-content{padding:14px 12px}.settings-field{margin-bottom:18px!important}.settings-avatar-row{gap:12px!important}.settings-avatar-actions{flex:1}.settings-avatar-actions>button{width:100%}.settings-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}.settings-status-grid>button{padding:8px 6px!important}.settings-friend-code,.settings-inline-form,.settings-secret-row{flex-direction:column;align-items:stretch!important}.settings-friend-code>button,.settings-inline-form>button,.settings-secret-row>button{width:100%;min-height:44px}.settings-list-row{flex-wrap:wrap;align-items:flex-start!important}.settings-list-row>button{margin-left:auto}.settings-bot-row .settings-row-actions,.settings-domain-row .settings-row-actions{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));width:100%;display:grid}.settings-row-actions>button{min-height:42px}.settings-footer-actions>button{flex:1}.settings-footer-actions>button:only-child{flex:100%}.friends-form-row{flex-direction:column}.friends-form-row>button{width:100%;min-height:44px}.friend-row{flex-wrap:wrap;align-items:flex-start!important}.friend-row-actions{gap:8px;width:100%;display:flex}.friend-row-actions>button{flex:1;min-height:42px;margin-right:0!important}}@media (width<=380px){.settings-tabs{padding-left:10px;padding-right:10px}.settings-tabs>button{padding-left:4px!important;padding-right:4px!important;font-size:12px!important}.settings-segmented{flex-direction:column}.settings-status-grid{grid-template-columns:1fr}.app-header-actions>button,.app-header-actions>div>button{width:36px;min-width:36px}.app-header-title{font-size:13px}}