/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.right-1{right:calc(var(--spacing) * 1)}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#f5f5f7;--muted:#a7a9b3;--subtle:#777a88;--violet:#7c5cff;--violet-bright:#8e73ff;--violet-soft:#7c5cff29;--rail:#111116;--sidebar:#18181f;--sidebar-raised:#1e1e27;--chat:#202028;--chat-hover:#25252e;--members:#1b1b22;--line:#fff1;--green:#35d07f;--danger:#f05d68}*{box-sizing:border-box}html,body{background:var(--chat);width:100%;min-width:320px;height:100%;color:var(--ink);margin:0;overflow:hidden}body{font-synthesis:none;text-rendering:optimizelegibility;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--violet-bright);outline-offset:2px}.lightcord-app{background:var(--chat);grid-template-columns:72px 248px minmax(0,1fr);width:100vw;height:100dvh;display:grid;overflow:hidden}.server-rail{z-index:30;background:radial-gradient(circle at 50% -4%, #7c5cff2e, transparent 26%), var(--rail);scrollbar-width:none;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;display:flex;overflow:hidden auto}.server-rail::-webkit-scrollbar{display:none}.server-list{display:contents}.server-button{color:#e7e7ec;letter-spacing:-.03em;cursor:pointer;background:#24242c;border:0;border-radius:16px;flex:0 0 48px;place-items:center;width:48px;height:48px;padding:0;font-size:13px;font-weight:750;transition:border-radius .16s,background .16s,transform .16s,color .16s;display:grid;position:relative}.server-button:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:4px;height:0;transition:height .16s;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.server-button:hover,.server-button.is-active{color:#fff;border-radius:13px;transform:translateY(-1px)}.server-button:hover:before{height:20px}.server-button.is-active:before{height:38px}.home-server,.server-button.is-active{background:linear-gradient(145deg,#8469ff,#6243eb);box-shadow:0 7px 20px #6243eb47}.server-violet{background:linear-gradient(145deg,#704fff,#4933bb)}.server-blue{background:linear-gradient(145deg,#3a87f4,#2852b8)}.server-coral{background:linear-gradient(145deg,#ff806e,#b94b5b)}.server-mint{background:linear-gradient(145deg,#38bfa0,#1b796d)}.utility-server{color:#48d292;background:#22232a}.utility-server:hover{color:#fff;background:#2bbf7d}.server-separator{background:#ffffff17;flex:0 0 1px;width:32px;margin:1px 0 3px}.server-badge{border:3px solid var(--rail);color:#fff;background:#ef4d64;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-3px;right:-4px}.server-tooltip{z-index:100;visibility:hidden;color:#f6f6f8;letter-spacing:0;opacity:0;pointer-events:none;background:#08080b;border:1px solid #ffffff12;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:650;transition:opacity .13s,transform .13s,visibility .13s;position:fixed;left:75px;transform:translate(-4px);box-shadow:0 8px 20px #00000052}.server-button:hover .server-tooltip{visibility:visible;opacity:1;transform:translate(0)}.channel-sidebar{z-index:20;background:linear-gradient(180deg, #ffffff04, transparent 15%), var(--sidebar);grid-template-rows:58px minmax(0,1fr) auto auto;min-width:0;display:grid;position:relative;overflow:hidden}.community-header{cursor:pointer;border-bottom:1px solid #0000004d;justify-content:space-between;align-items:center;padding:0 16px 0 18px;display:flex;box-shadow:0 1px #ffffff05}.community-header>div{flex-direction:column;gap:2px;min-width:0;display:flex}.community-header strong{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:730;overflow:hidden}.community-header span{color:#747783;letter-spacing:.12em;font-size:9px;font-weight:750}.channel-scroll{scrollbar-color:#0e0e12 transparent;scrollbar-width:thin;padding:13px 8px 18px;overflow:hidden auto}.quick-action{color:#9295a0;cursor:pointer;background:#121218;border:1px solid #ffffff0b;border-radius:7px;align-items:center;gap:9px;width:100%;height:34px;margin:0 0 18px;padding:0 9px;display:flex}.quick-action span{text-align:left;flex:1;font-size:12px}.quick-action kbd{color:#6e717c;background:#202028;border:1px solid #393942;border-radius:4px;padding:2px 5px;font-family:inherit;font-size:9px}.channel-group{margin-top:18px}.channel-group:first-of-type{margin-top:0}.channel-group-title{justify-content:space-between;align-items:center;height:24px;padding:0 4px 0 1px;display:flex}.channel-group-title button{color:#777a86;cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:2px;display:flex}.channel-group-title button:hover{color:#c9cbd2}.channel-group-title span{letter-spacing:.065em;font-size:10px;font-weight:800}.channel-list{flex-direction:column;gap:2px;display:flex}.channel-item{color:#8c8f9b;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;width:100%;height:34px;padding:0 8px;transition:color .12s,background .12s;display:flex;position:relative}.channel-item>svg{opacity:.72;flex:none}.channel-item>span:nth-child(2){text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:540;overflow:hidden}.channel-item:hover{color:#d6d7dc;background:#ffffff0b}.channel-item.is-active{color:#f4f4f6;background:linear-gradient(90deg,#7c5cff2e,#7c5cff14),#ffffff09}.channel-item.is-active:after{background:var(--violet-bright);content:"";border-radius:2px;width:2px;height:17px;position:absolute;right:0}.channel-item.has-unread:not(.is-active):before{content:"";background:#e8e8eb;border-radius:0 4px 4px 0;width:4px;height:7px;position:absolute;left:-8px}.channel-item.has-unread:not(.is-active){color:#d8d9de}.channel-badge{color:#fff;background:#eb5264;border-radius:9px;min-width:17px;height:17px;padding:0 5px;font-size:9px;font-weight:800;line-height:17px}.channel-hover-action{color:#a9abb5;display:none}.channel-item:hover .channel-hover-action{display:block}.voice-status{background:#15151b;border-top:1px solid #00000047;padding:10px}.voice-status-copy{grid-template-columns:25px minmax(0,1fr) 26px;align-items:center;gap:5px;display:grid}.voice-bars{justify-content:center;align-items:flex-end;gap:2px;height:17px;display:flex}.voice-bars i{background:var(--green);border-radius:2px;width:3px;animation:1s ease-in-out infinite alternate voice-pulse}.voice-bars i:first-child{height:8px}.voice-bars i:nth-child(2){height:15px;animation-delay:-.45s}.voice-bars i:nth-child(3){height:11px;animation-delay:-.2s}@keyframes voice-pulse{to{opacity:.65;height:5px}}.voice-status-copy>div{flex-direction:column;min-width:0;display:flex}.voice-status-copy strong{color:var(--green);font-size:11px}.voice-status-copy span{color:#a1a3ad;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.voice-status-copy button{color:#8d909b;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:25px;height:25px;display:grid}.voice-status-copy button:hover{color:var(--danger);background:#ffffff0d}.user-panel{background:#121218;border-top:1px solid #00000040;grid-template-columns:33px minmax(45px,1fr) repeat(3,28px);align-items:center;gap:3px;height:54px;padding:0 8px;display:grid}.user-avatar,.message-avatar,.member-avatar{color:#fff;border-radius:50%;place-items:center;font-weight:800;display:grid;position:relative}.user-avatar{width:33px;height:33px;font-size:10px}.avatar-has-image{background:#202127;position:relative}.avatar-has-image>img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.presence-dot{background:var(--green);z-index:2;border:3px solid #121218;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.user-copy{flex-direction:column;min-width:0;padding-left:4px;display:flex}.user-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.user-copy span{color:#777985;font-size:10px}.user-panel>button{color:#a5a7b0;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:28px;height:28px;padding:0;display:grid}.user-panel>button:hover{color:#e9e9ec;background:#ffffff0f}.user-panel>button.control-active{color:var(--danger);background:#f05d681a}.chat-shell{background:var(--chat);grid-template-rows:58px minmax(0,1fr);min-width:0;min-height:0;display:grid}.chat-header{z-index:10;background:#202028f7;border-bottom:1px solid #00000047;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:0 16px 0 19px;display:flex;box-shadow:0 1px 3px #0000001f}.channel-heading{align-items:center;gap:8px;min-width:0;display:flex}.channel-heading>svg{color:#878a96;flex:none}.channel-heading strong{white-space:nowrap;font-size:15px;font-weight:720}.channel-description{color:#858894;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #ffffff14;margin-left:8px;padding-left:16px;font-size:12px;overflow:hidden}.mobile-menu-button{display:none}.chat-actions{flex:none;align-items:center;gap:6px;display:flex}.chat-actions>button,.mobile-menu-button{color:#9295a1;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:28px;height:28px;padding:0;display:grid}.chat-actions>button:hover,.chat-actions>button.is-active,.mobile-menu-button:hover{color:#f0f0f2;background:#ffffff0e}.header-search{background:#121218;border:1px solid #ffffff0a;border-radius:6px;align-items:center;width:154px;height:28px;margin:0 3px 0 6px;padding:0 7px 0 9px;display:flex}.header-search input{color:#dedee2;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.header-search input::placeholder{color:#696c77}.header-search svg{color:#6f727e}.chat-content{min-width:0;min-height:0;display:flex}.messages-panel{background:radial-gradient(circle at 78% 0%, #7c5cff09, transparent 31%), var(--chat);flex:1;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.messages-scroll{scrollbar-color:#121218 transparent;scrollbar-width:thin;padding:0 0 8px;overflow:hidden auto}.channel-intro{max-width:700px;padding:clamp(52px,9vh,88px) 26px 22px}.channel-intro-icon{color:#fff;background:linear-gradient(145deg,#ffffff1c,#0000),linear-gradient(145deg,#7f63ff,#5436d0);border:1px solid #ffffff14;border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:16px;display:grid;box-shadow:0 12px 32px #5336d042}.channel-intro h1{color:#fafafd;letter-spacing:-.045em;margin:0 0 8px;font-size:clamp(25px,2.5vw,34px);font-weight:790;line-height:1.05}.channel-intro p{color:#9295a1;margin:0;font-size:14px;line-height:1.55}.channel-intro p strong{color:#c9cad1}.channel-intro>button{color:#9e88ff;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:15px 0 0;padding:0;font-size:12px;font-weight:700;display:flex}.channel-intro>button:hover{color:#b8a9ff;text-decoration:underline}.date-divider{color:#686b76;letter-spacing:.02em;align-items:center;gap:10px;padding:4px 20px 13px;font-size:9px;font-weight:700;display:flex}.date-divider:before,.date-divider:after{content:"";background:#ffffff0e;flex:1;height:1px}.message-list{flex-direction:column;gap:1px;display:flex}.message{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:7px 26px 7px 20px;display:grid;position:relative}.message:hover{background:#00000016}.message-avatar{cursor:pointer;width:40px;height:40px;margin-top:1px;font-size:11px;box-shadow:inset 0 0 0 1px #ffffff14}.avatar-violet{background:linear-gradient(145deg,#9a76ff,#5f42d7)}.avatar-blue{background:linear-gradient(145deg,#55a7ff,#3161c8)}.avatar-coral{background:linear-gradient(145deg,#ff987a,#ce5068)}.avatar-mint{background:linear-gradient(145deg,#47d2ac,#208a79)}.avatar-amber{background:linear-gradient(145deg,#f3bb5c,#a8682b)}.avatar-slate{background:linear-gradient(145deg,#8a93a6,#4a5161)}.avatar-user{background:linear-gradient(145deg,#966fff,#6445e1)}.message-body{min-width:0}.message-meta{align-items:center;gap:5px;line-height:19px;display:flex}.message-meta strong{color:#e9e9ed;cursor:pointer;font-size:13px;font-weight:700}.message-meta strong:hover{text-decoration:underline}.message-meta>span{color:#656873;margin-left:2px;font-size:9px;font-weight:500}.role-icon{flex:none}.role-owner{color:#f2bc57}.role-mod{color:#6b9fff}.message-body p{color:#c5c6cd;overflow-wrap:anywhere;margin:1px 0 0;font-size:13px;line-height:1.48}.reaction{color:#b8a9ff;cursor:pointer;background:#7c5cff14;border:1px solid #7c5cff40;border-radius:7px;align-items:center;gap:5px;height:25px;margin-top:7px;padding:0 8px;font-size:11px;display:inline-flex}.reaction:hover{background:#7c5cff21;border-color:#7c5cff85}.reaction span{font-size:13px}.message-actions{background:#17171d;border:1px solid #ffffff12;border-radius:7px;display:none;position:absolute;top:-9px;right:23px;overflow:hidden;box-shadow:0 6px 16px #00000040}.message:hover .message-actions{display:flex}.message-actions button{color:#9698a3;cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:27px;display:grid}.message-actions button:hover{color:#fff;background:#ffffff0f}.composer{background:linear-gradient(transparent, var(--chat) 14px);padding:0 18px 13px}.composer-inner{background:#2a2a34;border:1px solid #ffffff0e;border-radius:11px;align-items:center;gap:4px;min-height:47px;padding:0 9px 0 10px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 7px 20px #00000014,inset 0 1px #ffffff06}.composer-inner:focus-within{border-color:#7c5cff61;box-shadow:0 0 0 3px #7c5cff13}.composer-inner input{color:#e6e6ea;background:0 0;border:0;outline:none;flex:1;min-width:0;height:43px;font-size:13px}.composer-inner input::placeholder{color:#777a86}.composer-inner button{color:#9295a0;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 29px;place-items:center;width:29px;height:29px;padding:0;display:grid}.composer-inner button:hover{color:#e7e7ea;background:#ffffff0d}.composer-inner .attach-button{color:#23232a;background:#9295a0;border-radius:50%;width:27px;height:27px;margin-right:5px}.composer-inner .attach-button:hover{color:#202028;background:#dadbe0}.gif-icon{color:#2a2a34;background:currentColor;border-radius:3px;padding:1px 2px;font-size:0}.gif-icon:after{color:#2a2a34;content:"GIF";filter:invert();font-size:7px;font-weight:900}.composer-hint{color:#666975;justify-content:flex-end;align-items:center;gap:7px;height:18px;padding:3px 5px 0;font-size:9px;display:flex}.composer-hint>span:first-child{margin-right:auto}.composer-hint strong{color:#858894;font-weight:600}.typing-dot{background:var(--green);border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #35d07f14}.members-panel{background:linear-gradient(180deg, #ffffff02, transparent 20%), var(--members);border-left:1px solid #0000001f;flex:0 0 232px;width:232px;overflow:hidden}.members-scroll{scrollbar-color:#111116 transparent;scrollbar-width:thin;height:100%;padding:24px 9px;overflow:hidden auto}.member-group+.member-group{margin-top:24px}.member-group h2{color:#6e717d;letter-spacing:.065em;margin:0 9px 7px;font-size:9px;font-weight:800}.member{cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;min-width:0;height:43px;padding:0 8px;display:flex}.member:hover{background:#ffffff0a}.member-avatar{flex:0 0 32px;width:32px;height:32px;font-size:9px}.member-presence{border:3px solid var(--members);z-index:2;background:#5f626e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.member-presence.online{background:var(--green)}.member-copy{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.member-copy strong{color:#b9bac2;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:100%;font-size:12px;font-weight:650;display:flex;overflow:hidden}.member-copy strong svg{color:#f0b94f;flex:none}.member-copy span{color:#636671;text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:9px;overflow:hidden}.offline-group .member{opacity:.47}.offline-group .member:hover{opacity:.75}.invite-card{color:#8d909a;text-align:left;cursor:pointer;background:linear-gradient(135deg,#7c5cff14,#0000),#ffffff05;border:1px solid #7c5cff24;border-radius:9px;grid-template-columns:31px minmax(0,1fr) 17px;align-items:center;gap:8px;width:calc(100% - 8px);margin:28px 4px 0;padding:11px 9px;display:grid}.invite-card:hover{color:#c6c7ce;border-color:#7c5cff4d}.invite-card-icon{color:#ad9bff;background:#7c5cff21;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.invite-card>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.invite-card strong{color:#bfc0c7;font-size:10px}.invite-card small{color:#666975;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.mobile-scrim{display:none}@media (width<=1180px){.members-panel{display:none}.channel-description{max-width:270px}}@media (width<=860px){.lightcord-app{grid-template-columns:64px 224px minmax(0,1fr)}.server-rail{padding-left:8px;padding-right:8px}.channel-description,.chat-actions>button:nth-last-child(-n+2),.header-search,.composer-hint>span:first-child{display:none}}@media (width<=680px){.lightcord-app{display:block}.server-rail{display:none}.channel-sidebar{z-index:60;width:min(82vw,300px);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:16px 0 40px #00000059}.channel-sidebar.mobile-open{transform:translate(0)}.mobile-scrim{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000094;border:0;display:block;position:fixed;inset:0}.chat-shell{width:100vw;height:100dvh}.mobile-menu-button{display:grid}.chat-header{padding-left:10px;padding-right:10px}.chat-actions>button:nth-child(-n+2){display:none}.channel-intro{padding:42px 16px 20px}.channel-intro-icon{border-radius:17px;width:54px;height:54px}.message{padding-left:13px;padding-right:13px}.composer{padding-left:10px;padding-right:10px}.composer-inner button:nth-last-child(2),.composer-inner button:nth-last-child(3){display:none}}@media (height<=690px){.channel-intro{padding-top:32px}.channel-intro-icon{border-radius:16px;width:52px;height:52px;margin-bottom:12px}.channel-intro h1{font-size:25px}.message{padding-top:5px;padding-bottom:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-loading{color:#8e91a0;background:radial-gradient(circle at 50% 48%,#7c5cff29,#0000 24%),#111116;place-content:center;place-items:center;gap:22px;width:100vw;height:100dvh;display:grid;position:relative;overflow:hidden}.app-loading p{letter-spacing:.01em;margin:0;font-size:12px}.brand-mark{color:#fff;letter-spacing:-.08em;background:linear-gradient(145deg,#ffffff29,#0000),linear-gradient(145deg,#8e73ff,#5738d5);border:1px solid #ffffff21;border-radius:13px;place-items:center;width:40px;height:40px;font-size:18px;font-weight:900;display:grid;box-shadow:0 12px 26px #5336d04d}.brand-mark-large{border-radius:19px;width:58px;height:58px;font-size:25px}.loading-orbit{border:1px solid #7c5cff1f;border-top-color:#8e73ffc7;border-radius:50%;width:92px;height:92px;animation:1.5s linear infinite orbit-spin;position:absolute}@keyframes orbit-spin{to{transform:rotate(360deg)}}.auth-page{color:#f5f5f7;background:#111116;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);width:100vw;height:100dvh;display:grid;overflow:hidden}.auth-story{background:radial-gradient(circle at 15% 92%,#5336d047,#0000 34%),radial-gradient(circle at 92% 15%,#2bbf7d1a,#0000 25%),linear-gradient(145deg,#17171f,#121218 70%);flex-direction:column;min-width:0;padding:clamp(30px,5vw,68px);display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";pointer-events:none;border:1px solid #ffffff09;border-radius:50%;width:55vw;height:55vw;position:absolute;top:-22%;right:-18%;box-shadow:0 0 0 90px #ffffff03,0 0 0 180px #ffffff02}.auth-brand{z-index:2;align-items:center;gap:12px;display:flex;position:relative}.auth-brand>span:last-child{flex-direction:column;gap:2px;display:flex}.auth-brand strong{letter-spacing:-.03em;font-size:17px;font-weight:800}.auth-brand small{color:#757886;letter-spacing:.02em;font-size:9px;font-weight:600}.auth-story-copy{z-index:2;max-width:660px;margin:auto 0;padding:clamp(40px,7vh,90px) 0;position:relative}.auth-eyebrow{color:#ad9bff;letter-spacing:.04em;text-transform:uppercase;background:#7c5cff14;border:1px solid #8e73ff33;border-radius:999px;align-items:center;gap:7px;margin-bottom:20px;padding:7px 10px;font-size:10px;font-weight:750;display:inline-flex}.auth-story-copy h1{color:#fbfbfd;letter-spacing:-.065em;max-width:620px;margin:0;font-size:clamp(40px,5vw,74px);font-weight:850;line-height:.98}.auth-story-copy>p{color:#9698a5;max-width:545px;margin:24px 0 0;font-size:clamp(14px,1.35vw,18px);line-height:1.65}.auth-features{grid-template-columns:repeat(3,1fr);gap:10px;max-width:680px;margin-top:38px;display:grid}.auth-features>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff06;border:1px solid #ffffff0e;border-radius:11px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:1px 9px;min-width:0;padding:11px 10px;display:grid}.auth-features>div>span{color:#ad9bff;background:#7c5cff1c;border-radius:9px;grid-row:span 2;place-items:center;width:34px;height:34px;display:grid}.auth-features strong{color:#d7d7dd;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.auth-features small{color:#6f727f;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.auth-live-card{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#17171fc7;border:1px solid #fff1;border-radius:16px;grid-template-rows:28px 1fr;grid-template-columns:auto minmax(130px,1fr);gap:0 18px;max-width:680px;height:86px;padding:13px 16px;display:grid;position:relative;box-shadow:0 18px 50px #0000002e}.auth-live-head{color:#cacbd2;grid-column:1/-1;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.auth-live-head>span:last-child{color:#666976;margin-left:auto;font-size:8px;font-weight:600}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #35d07f14}.auth-live-members{align-items:center;padding-left:6px;display:flex}.auth-live-members>span{color:#fff;border:3px solid #191920;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-6px;font-size:7px;font-weight:800;display:grid}.auth-live-members>i{width:30px;height:30px;color:var(--green);background:#35d07f14;border-radius:9px;place-items:center;margin-left:7px;display:grid}.auth-wave{justify-content:flex-end;align-items:center;gap:3px;height:35px;display:flex;overflow:hidden}.auth-wave i{width:2px;height:var(--wave-height);max-height:32px;animation:auth-wave 1.2s ease-in-out var(--wave-delay) infinite alternate;opacity:.75;background:linear-gradient(#a793ff,#6445e1);border-radius:2px}@keyframes auth-wave{to{opacity:.3;height:5px}}.auth-panel{background:radial-gradient(circle at 50% 0,#7c5cff0f,#0000 35%),#15151b;border-left:1px solid #ffffff0b;place-items:center;min-width:0;padding:34px;display:grid;overflow:hidden auto}.auth-card{background:linear-gradient(145deg,#ffffff08,#0000 55%),#1a1a22;border:1px solid #ffffff0f;border-radius:20px;width:min(100%,430px);padding:clamp(28px,4vw,45px);box-shadow:0 30px 70px #00000038}.auth-card-icon{color:#ae9cff;background:#7c5cff1f;border-radius:13px;place-items:center;width:45px;height:45px;margin-bottom:24px;display:grid}.auth-card-heading>span,.modal-heading>span{color:#8972ef;letter-spacing:.12em;font-size:9px;font-weight:800}.auth-card-heading h2{color:#f7f7fa;letter-spacing:-.045em;margin:7px 0 6px;font-size:29px;font-weight:800}.auth-card-heading p{color:#7c7f8c;margin:0;font-size:12px}.auth-form{flex-direction:column;gap:15px;margin-top:29px;display:flex}.auth-form label,.modal-field{flex-direction:column;gap:7px;display:flex}.auth-form label>span,.modal-field>span{color:#a5a7b1;font-size:10px;font-weight:700}.auth-form input,.modal-field>input,.channel-name-field{color:#e9e9ed;background:#121218;border:1px solid #ffffff12;border-radius:8px;outline:0;width:100%;height:43px;padding:0 12px;font-size:12px;transition:border-color .15s,box-shadow .15s}.auth-form input:focus,.modal-field>input:focus,.channel-name-field:focus-within{border-color:#7c5cff8c;box-shadow:0 0 0 3px #7c5cff14}.auth-form input::placeholder,.modal-field input::placeholder{color:#555864}.password-field{position:relative}.password-field input{padding-right:42px}.password-field button{color:#656875;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:29px;height:29px;padding:0;display:grid;position:absolute;top:7px;right:7px}.password-field button:hover{color:#c6c7ce;background:#ffffff0a}.auth-error,.modal-error{color:#f28b94;background:#f05d6812;border:1px solid #f05d682e;border-radius:7px;padding:9px 11px;font-size:10px;line-height:1.4}.auth-submit,.modal-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8469ff,#6345dd);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:43px;margin-top:3px;font-size:11px;font-weight:750;transition:transform .15s,filter .15s;display:flex;box-shadow:0 10px 22px #6245dd3b}.auth-submit:hover:not(:disabled),.modal-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.auth-submit:disabled,.modal-submit:disabled{cursor:wait;opacity:.68}.mini-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:13px;height:13px;animation:.75s linear infinite orbit-spin;display:inline-block}.auth-switch{color:#727582;justify-content:center;gap:5px;margin-top:22px;font-size:10px;display:flex}.auth-switch button{color:#a793ff;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.auth-switch button:hover{text-decoration:underline}.auth-privacy{color:#555864;text-align:center;border-top:1px solid #ffffff0d;margin:20px 0 0;padding-top:18px;font-size:8px;line-height:1.55}.server-menu{z-index:40;background:#0f0f14;border:1px solid #ffffff12;border-radius:9px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:51px;left:8px;right:8px;box-shadow:0 14px 32px #0006}.server-menu button{color:#b9bac2;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;height:33px;padding:0 9px;font-size:11px;display:flex}.server-menu button:hover{color:#fff;background:var(--violet)}.sidebar-onboarding{color:#6f727f;text-align:center;flex-direction:column;align-items:center;padding:24px 14px;display:flex}.onboarding-icon{color:#a793ff;background:#7c5cff1a;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:12px;display:grid}.sidebar-onboarding strong{color:#c8c9d0;font-size:12px}.sidebar-onboarding p{margin:7px 0 14px;font-size:10px;line-height:1.45}.sidebar-onboarding button{color:#fff;cursor:pointer;background:#6d51eb;border:0;border-radius:6px;align-items:center;gap:6px;height:31px;padding:0 11px;font-size:10px;font-weight:700;display:flex}.voice-channel-wrap{flex-direction:column;display:flex}.channel-item.voice-active{color:#e8e8ec;background:#35d07f13}.channel-item.voice-active>svg{color:var(--green);opacity:1}.voice-peer-list{flex-direction:column;gap:5px;padding:4px 8px 7px 27px;display:flex}.voice-peer-list>span{color:#9496a1;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex;overflow:hidden}.voice-peer-list>span>svg{color:var(--green);margin-left:auto}.voice-mini-avatar{color:#fff;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:6px;font-style:normal;font-weight:800;display:grid}.empty-workspace{text-align:center;flex-direction:column;place-self:center;align-items:center;width:min(100%,620px);padding:40px 30px;display:flex}.empty-orbit{place-items:center;width:150px;height:150px;margin-bottom:25px;display:grid;position:relative}.empty-orbit:before,.empty-orbit:after{content:"";border:1px solid #7c5cff26;border-radius:50%;position:absolute}.empty-orbit:before{inset:10px}.empty-orbit:after{border-style:dashed;animation:12s linear infinite reverse orbit-spin;inset:32px}.empty-orbit>i{border:2px solid var(--chat);background:#8e73ff;border-radius:50%;width:8px;height:8px;position:absolute}.empty-orbit>i:first-of-type{top:18px;left:43px}.empty-orbit>i:nth-of-type(2){background:var(--green);bottom:50px;right:15px}.empty-orbit>i:nth-of-type(3){background:#f2bc57;bottom:17px;left:48px}.empty-workspace>span{color:#8872ee;letter-spacing:.14em;font-size:9px;font-weight:800}.empty-workspace h1{letter-spacing:-.055em;margin:9px 0 10px;font-size:clamp(30px,4vw,48px);font-weight:830}.empty-workspace p{color:#838692;max-width:470px;margin:0;font-size:13px;line-height:1.6}.empty-workspace>div:last-child{gap:9px;margin-top:24px;display:flex}.empty-workspace>div:last-child button{color:#b7b9c2;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:7px;height:37px;padding:0 15px;font-size:10px;font-weight:700;display:flex}.empty-workspace>div:last-child button:first-child{color:#fff;background:linear-gradient(135deg,#8064fb,#6245dd);border-color:#0000}.empty-workspace>div:last-child button:hover{filter:brightness(1.12)}.compact-empty .empty-orbit{display:none}.messages-loading{color:#686b76;justify-content:center;align-items:center;gap:9px;padding:30px;font-size:10px;display:flex}.connection-dot{background:#686b76;border-radius:50%;width:5px;height:5px}.connection-connected{background:var(--green);box-shadow:0 0 0 3px #35d07f14}.connection-reconnecting,.connection-connecting{background:#f2bc57;animation:1s infinite alternate connection-pulse}@keyframes connection-pulse{to{opacity:.3}}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050508bd;place-items:center;padding:20px;animation:.15s both modal-fade;display:grid;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}}.app-modal{background:linear-gradient(145deg,#ffffff09,#0000 52%),#1b1b23;border:1px solid #ffffff13;border-radius:17px;width:min(100%,440px);max-height:calc(100dvh - 40px);padding:34px;animation:.18s both modal-rise;position:relative;overflow:hidden auto;box-shadow:0 30px 80px #00000070}@keyframes modal-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}}.modal-close{color:#6f727d;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:29px;height:29px;padding:0;display:grid;position:absolute;top:15px;right:15px}.modal-close:hover{color:#e4e4e8;background:#ffffff0d}.modal-heading{padding-right:24px}.modal-heading h2{color:#f5f5f8;letter-spacing:-.045em;margin:8px 0;font-size:25px;font-weight:800}.modal-heading p{color:#7f828f;margin:0 0 25px;font-size:11px;line-height:1.55}.modal-submit{margin-top:20px}.channel-type-picker{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.channel-type-picker>button{color:#7e818d;text-align:left;cursor:pointer;background:#15151b;border:1px solid #ffffff0f;border-radius:8px;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;min-height:56px;padding:8px 11px;display:grid}.channel-type-picker>button.selected{color:#ad9bff;background:#7c5cff14;border-color:#7c5cff61}.channel-type-picker>button>span{flex-direction:column;gap:2px;display:flex}.channel-type-picker strong{color:#c9cad1;font-size:11px}.channel-type-picker small{color:#666976;font-size:8px}.channel-name-field{align-items:center;gap:7px;display:flex}.channel-name-field svg{color:#696c78;flex:none}.channel-name-field input{color:#e9e9ed;background:0 0;border:0;outline:0;flex:1;min-width:0;height:39px;font-size:12px}.invite-loading{color:#777a86;background:#14141a;border:1px solid #ffffff0e;border-radius:9px;justify-content:center;align-items:center;gap:9px;height:58px;font-size:10px;display:flex}.invite-code-box{background:#131319;border:1px solid #7c5cff38;border-radius:9px;align-items:center;gap:8px;padding:7px 7px 7px 11px;display:flex}.invite-code-box>span{color:#c5c6cd;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.invite-code-box button{color:#fff;cursor:pointer;background:#6d51eb;border:0;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:9px;font-weight:700;display:flex}.invite-tip{color:#5e616c;margin:13px 0 0;font-size:8px;line-height:1.5}.account-card{background:#14141a;border:1px solid #ffffff0e;border-radius:10px;align-items:center;gap:13px;padding:14px;display:flex}.account-avatar{color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:11px;font-weight:800;display:grid;position:relative}.account-card>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.account-avatar-editor{flex:0 0 46px;width:46px;height:46px;position:relative}.account-avatar-editor>label{z-index:3;color:#fff;cursor:pointer;background:#5865f2;border:3px solid #14141a;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;bottom:-4px;right:-5px}.account-avatar-editor>label:hover{background:#4752c4}.account-avatar-editor>label.is-busy{cursor:wait}.account-avatar-editor input,.account-avatar-actions input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.account-avatar-actions{gap:8px;margin-top:12px;display:flex}.account-avatar-actions label,.account-avatar-actions button{cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 11px;font-size:9px;font-weight:700;display:flex}.account-avatar-actions label{color:#fff;background:#5865f2;flex:1;position:relative}.account-avatar-actions label:hover{background:#4752c4}.account-avatar-actions button{color:#b5bac1;background:#ffffff0e}.account-avatar-actions button:hover{color:#fff;background:#ffffff1a}.account-avatar-actions .is-disabled,.account-avatar-actions button:disabled{cursor:wait;opacity:.55}.account-avatar-help{color:#626570;margin:8px 0 0;font-size:8px}.account-card strong{font-size:13px}.account-card span{color:#777a86;text-overflow:ellipsis;font-size:9px;overflow:hidden}.account-card small{color:#6f9f85;align-items:center;gap:5px;margin-top:3px;font-size:8px;display:flex}.account-card small i{background:var(--green);border-radius:50%;width:5px;height:5px}.logout-button{color:#ef7882;cursor:pointer;background:#f05d680e;border:1px solid #f05d682e;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;height:39px;margin-top:15px;font-size:10px;font-weight:700;display:flex}.logout-button:hover{color:#fff;background:#d94b58}.app-toast{z-index:300;color:#d6d7dd;background:#121218;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:9px;max-width:min(380px,100vw - 44px);min-height:42px;padding:10px 14px;font-size:10px;animation:.22s both toast-in;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 16px 38px #00000059}.app-toast svg{color:var(--green)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.remote-audio{display:none}@media (width<=1000px){.auth-page{grid-template-columns:minmax(0,1fr) minmax(400px,.9fr)}.auth-features{grid-template-columns:1fr;max-width:350px}.auth-story-copy h1{font-size:clamp(38px,5vw,58px)}}@media (width<=760px){.auth-page{display:block;overflow:hidden auto}.auth-story{min-height:330px;padding:26px 24px 40px}.auth-story-copy{margin:46px 0 0;padding:0}.auth-story-copy h1{max-width:500px;font-size:clamp(36px,10vw,54px)}.auth-story-copy>p{margin-top:16px}.auth-features,.auth-live-card{display:none}.auth-panel{border-top:1px solid #ffffff0b;border-left:0;min-height:calc(100dvh - 330px);padding:22px 14px 34px}.auth-card{padding:27px 22px}.app-modal{padding:28px 22px}}.friends-navigation{flex-direction:column;gap:3px;display:flex}.friends-navigation>button{color:#8c8f9b;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;height:36px;padding:0 9px;display:flex}.friends-navigation>button:hover,.friends-navigation>button.is-active{color:#e4e4e8;background:#ffffff0d}.friends-navigation>button.is-active{background:linear-gradient(90deg,#7c5cff29,#0000),#ffffff09}.friends-navigation>button>span{text-align:left;flex:1;font-size:12px}.friends-navigation>button>small{color:#686b77;font-size:9px}.friends-navigation .request-badge{color:#fff;background:#e95266;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-weight:800;display:grid}.friends-navigation>button.add-friend-nav{color:#b1a3f2;background:#7c5cff14;margin-top:7px}.friends-surface{scrollbar-color:#121218 transparent;scrollbar-width:thin;min-height:0;padding:clamp(28px,5vw,56px);overflow:hidden auto}.friends-surface-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-end;gap:30px;max-width:820px;padding-bottom:25px;display:flex}.friends-surface-header>div>span{color:#8370df;letter-spacing:.12em;font-size:9px;font-weight:800}.friends-surface-header h1{color:#f1f1f4;letter-spacing:-.045em;margin:7px 0 6px;font-size:clamp(25px,3vw,36px);font-weight:800}.friends-surface-header p{color:#7e818d;margin:0;font-size:11px}.friends-surface-header>button,.friends-empty>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8064fb,#6042d5);border:0;border-radius:7px;flex:none;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:10px;font-weight:700;display:flex}.friend-list{flex-direction:column;gap:2px;max-width:820px;padding-top:16px;display:flex}.friend-row{border-radius:9px;align-items:center;gap:11px;min-height:58px;padding:8px 10px;display:flex}.friend-row:hover{background:#ffffff09}.friend-avatar{color:#fff;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:9px;font-weight:800;display:grid;position:relative}.friend-avatar i{border:3px solid var(--chat);z-index:2;background:#60636e;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.friend-avatar i.online{background:var(--green)}.friend-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.friend-copy strong{color:#cfd0d6;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.friend-copy small{color:#666975;font-size:9px}.friend-icon-button{color:#92949f;cursor:pointer;background:#15151b;border:0;border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;padding:0;display:grid}.friend-icon-button:hover{color:#fff;background:#6e52e8}.friend-icon-button.accept:hover{background:#279e69}.friend-icon-button.danger:hover{background:#c44451}.friends-loading,.friends-empty{color:#6e717d;flex-direction:column;justify-content:center;align-items:center;gap:9px;max-width:820px;min-height:250px;font-size:10px;display:flex}.friends-empty>span{color:#a793ff;background:#7c5cff1a;border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:4px;display:grid}.friends-empty strong{color:#c9cad1;font-size:14px}.friends-empty p{color:#6c6f7b;margin:0 0 8px;font-size:10px}.voice-media-controls{border-top:1px solid #ffffff0e;align-items:center;gap:4px;margin-top:9px;padding-top:8px;display:flex}.voice-media-controls button{color:#8d909b;cursor:pointer;background:#ffffff09;border:0;border-radius:6px;place-items:center;width:27px;height:27px;padding:0;display:grid}.voice-media-controls button:hover,.voice-media-controls button.is-active{color:#fff;background:#6d51e7}.voice-media-controls button:disabled{cursor:wait;opacity:.6}.voice-media-controls>span{color:#626570;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:8px;overflow:hidden}.media-stage{z-index:150;color:#f2f3f5;background:radial-gradient(circle at 50% 20%,#5865f21a,#0000 38%),#0b0b0e;grid-template-rows:64px minmax(0,1fr) 92px;display:grid;position:fixed;inset:0;overflow:hidden}.media-stage:fullscreen{width:100vw;height:100vh}.media-stage-header{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0b0eeb;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.media-stage-channel{align-items:center;gap:11px;min-width:0;display:flex}.media-live-dot{background:#23a55a;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 5px #23a55a1f}.media-stage-channel>span:last-child{gap:2px;min-width:0;display:grid}.media-stage-channel strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.media-stage-channel small{color:#80848e;font-size:9px}.media-stage-actions{align-items:center;gap:7px;display:flex}.media-stage-actions button{color:#b5bac1;cursor:pointer;background:#ffffff0e;border:0;border-radius:9px;place-items:center;width:36px;height:36px;padding:0;transition:color .14s,background .14s,transform .14s;display:grid}.media-stage-actions button:hover,.media-stage-actions button.is-active{color:#fff;background:#ffffff1f}.media-stage-actions button:active{transform:scale(.94)}.media-stage-body{justify-content:center;align-items:center;gap:12px;min-width:0;min-height:0;padding:18px 22px 8px;display:flex;position:relative}.media-primary{background:radial-gradient(circle,#5865f21c,#0000 62%),#050507;border:1px solid #ffffff12;border-radius:14px;width:100%;min-width:0;height:100%;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000047}.media-primary video{object-fit:cover;width:100%;height:100%}.media-primary.is-screen video{object-fit:contain}.media-nameplate,.media-tile>span{color:#f2f3f5;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a8;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:6px 9px;font-size:10px;font-weight:650;display:flex;position:absolute;bottom:12px;left:12px;overflow:hidden}.media-nameplate small{color:#c7c9ff;letter-spacing:.06em;background:#5865f257;border-radius:3px;padding:2px 4px;font-size:6px}.media-quality-badge{color:#c4c7ce;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000094;border:1px solid #ffffff14;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:700;position:absolute;top:12px;right:12px}.media-filmstrip{flex-direction:column;flex:none;gap:9px;width:174px;height:100%;padding-right:3px;display:flex;overflow:hidden auto}.media-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));place-content:center;gap:12px;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden auto}.media-grid-1{grid-template-columns:minmax(0,1fr);max-width:min(1180px,82vw)}.media-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.media-tile{aspect-ratio:16/9;min-width:0;color:inherit;cursor:pointer;background:radial-gradient(circle,#5865f21c,#0000 65%),#050507;border:2px solid #0000;border-radius:11px;padding:0;transition:border-color .14s,transform .14s;position:relative;overflow:hidden}.media-filmstrip .media-tile{flex:none;width:100%}.media-tile:hover{border-color:#fff3;transform:translateY(-1px)}.media-tile.is-selected{border-color:#5865f2}.media-tile video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.media-tile.is-screen video{object-fit:contain}.media-tile>span{max-width:calc(100% - 14px);padding:4px 6px;font-size:8px;bottom:7px;left:7px}.media-call-controls{z-index:2;background:linear-gradient(#0000,#0b0b0ef5 38%);justify-content:center;align-items:flex-start;gap:11px;padding:13px 20px 0;display:flex}.media-call-controls button{color:#e3e5e8;cursor:pointer;background:#242429;border:0;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;transition:background .14s,transform .14s;display:grid}.media-call-controls button:hover{background:#34343b;transform:translateY(-2px)}.media-call-controls button:disabled{cursor:wait;opacity:.55}.media-call-controls button.is-off{color:#1e1f22;background:#f2f3f5}.media-call-controls button.is-live{color:#fff;background:#5865f2}.media-call-controls button.is-danger{color:#fff;background:#da373c;border-radius:23px;width:58px}.media-call-controls button.is-danger:hover{background:#a1282d}.media-return-button{z-index:95;color:#f2f3f5;cursor:pointer;background:#151519;border:1px solid #ffffff1c;border-radius:12px;align-items:center;gap:10px;width:258px;padding:7px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 16px 38px #00000061}.media-return-preview{aspect-ratio:16/9;background:#08080b;border-radius:7px;flex:none;width:74px;overflow:hidden}.media-return-preview video{object-fit:cover;width:100%;height:100%}.media-return-button>span:nth-child(2){text-align:left;gap:3px;min-width:0;margin-right:auto;display:grid}.media-return-button strong{font-size:10px}.media-return-button small{color:#8e9297;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.quality-group{border:0;min-width:0;margin:0 0 18px;padding:0}.quality-group legend,.bitrate-control>span,.codec-control>span{color:#a4a6b0;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.quality-options{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.quality-options.quality-resolutions{grid-template-columns:repeat(3,1fr)}.quality-options button{color:#9b9da7;cursor:pointer;background:#14141a;border:1px solid #fff1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:7px;display:flex}.quality-options button.selected{color:#b3a3ff;background:#7c5cff17;border-color:#7c5cff7a}.quality-options button strong{font-size:11px}.quality-options button small{color:#5f626e;font-size:7px}.bitrate-control{flex-direction:column;margin-bottom:17px;display:flex}.bitrate-control>span{justify-content:space-between;display:flex}.bitrate-control>span strong{color:#a793ff}.bitrate-control input{width:100%;accent-color:var(--violet)}.bitrate-control>small{color:#5f626e;margin-top:6px;font-size:8px;line-height:1.45}.codec-control{margin-bottom:15px;display:block}.codec-control select{color:#c8c9d0;background:#131319;border:1px solid #ffffff12;border-radius:7px;outline:0;width:100%;height:39px;padding:0 10px;font-size:10px}.system-audio-toggle{background:#15151b;border:1px solid #ffffff0e;border-radius:8px;align-items:flex-start;gap:9px;padding:11px;display:flex}.system-audio-toggle input{accent-color:var(--violet);margin-top:3px}.system-audio-toggle>span{flex-direction:column;gap:3px;display:flex}.system-audio-toggle strong{color:#bfc0c7;font-size:10px}.system-audio-toggle small{color:#60636f;font-size:8px}.invite-error-page{color:#f4f4f7;text-align:center;background:radial-gradient(circle at 50% 40%,#7c5cff21,#0000 28%),#111116;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex}.invite-error-page>span:nth-child(2){color:#8872ee;letter-spacing:.13em;margin-top:25px;font-size:9px;font-weight:800}.invite-error-page h1{letter-spacing:-.045em;margin:8px 0;font-size:34px}.invite-error-page p{color:#7d808d;margin:0;font-size:12px}.invite-error-page a{color:#fff;background:#6d51e7;border-radius:7px;margin-top:20px;padding:10px 14px;font-size:10px;font-weight:700;text-decoration:none}@media (width<=1180px){.media-filmstrip{width:150px}.media-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (width<=680px){.friends-surface{padding:25px 16px}.friends-surface-header{flex-direction:column;align-items:flex-start;gap:15px}.media-stage{grid-template-rows:56px minmax(0,1fr) 78px}.media-stage-header{padding:0 10px 0 14px}.media-stage-channel small{display:none}.media-stage-actions{gap:3px}.media-stage-actions button{width:32px;height:32px}.media-stage-body{padding:8px 8px 3px}.media-layout-focus .media-stage-body{flex-direction:column}.media-primary{border-radius:10px}.media-filmstrip{flex-direction:row;width:100%;height:82px;padding:0 0 2px;overflow:auto hidden}.media-filmstrip .media-tile{width:138px;height:78px}.media-grid,.media-grid-2{grid-template-columns:1fr;align-content:center}.media-call-controls{gap:6px;padding:10px 6px 0}.media-call-controls button{width:40px;height:40px}.media-call-controls button.is-danger{width:50px}.media-return-button{width:min(258px,100vw - 20px);bottom:10px;right:10px}.quality-options.quality-resolutions{grid-template-columns:1fr}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}