@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-cyrillic-ext-wght-normal-DSNfmdVt.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-cyrillic-wght-normal-B2hlT84T.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-devanagari-wght-normal-Cv-Vwajv.woff2) format("woff2-variations");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-greek-ext-wght-normal-12T8GTDR.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-greek-wght-normal-Ymb6dZNd.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-vietnamese-wght-normal-DLTJy58D.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-latin-ext-wght-normal-W1qJv59z.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-latin-wght-normal-BYSzYMf3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}/*! tailwindcss v4.3.3 | 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-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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:where(:not(iframe)){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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.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}.rounded{border-radius:.25rem}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--spades-bg-primary:#101116;--spades-bg-secondary:#15161c;--spades-bg-chat:#1c1d25;--spades-bg-tertiary:#1b1c24;--spades-surface:#23252f;--spades-surface-hover:#2c2e3b;--spades-border:#333543;--spades-text-primary:#eceef4;--spades-text-secondary:#adb2c0;--spades-text-muted:#9298a8;--spades-purple:#8b5cf6;--spades-purple-strong:#7c3aed;--spades-blue:#3b82f6;--spades-green:#23a55a;--spades-yellow:#f0b232;--spades-red:#f23f43;--spades-shadow:#000;--spades-focus:var(--spades-purple);--spades-tile-blue:var(--spades-bg-tertiary)}@supports (color:color-mix(in lab,red,red)){:root{--spades-tile-blue:color-mix(in srgb, var(--spades-bg-tertiary), var(--spades-blue) 9%)}}:root{--spades-tile-purple:var(--spades-bg-tertiary)}@supports (color:color-mix(in lab,red,red)){:root{--spades-tile-purple:color-mix(in srgb, var(--spades-bg-tertiary), var(--spades-purple) 9%)}}:root{--spades-tile-green:var(--spades-bg-tertiary)}@supports (color:color-mix(in lab,red,red)){:root{--spades-tile-green:color-mix(in srgb, var(--spades-bg-tertiary), var(--spades-green) 9%)}}:root{--font-family:"Noto Sans Variable", "Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:20px;--font-xl:24px;--font-channel:15px;--font-navigation:var(--font-md);--font-sidebar-label:var(--font-sm);--font-profile-name:var(--font-lg);--font-chat:15px;--font-chat-name:15px;--font-timestamp:11px;--font-chat-composer:var(--font-chat);--line-ui:1.25;--line-caption:1.33333;--line-profile-title:1.2;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-family-brand:"Space Grotesk Variable", var(--font-family);--line-chat:1.4;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;font-family:var(--font-family);color:var(--spades-text-primary);background:var(--spades-bg-primary);font-size:var(--font-sm);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}button{cursor:pointer;color:inherit;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);background:0 0;border:0;transition:background .16s,color .16s,transform .16s}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid var(--spades-purple);outline-offset:3px}input:focus,textarea:focus{outline:1px solid var(--spades-purple)}input,textarea{min-width:0;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}button:hover{color:var(--spades-text-primary)}img{max-width:100%;display:block}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}h2{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);line-height:1.25}h3{font-size:var(--font-md);font-weight:var(--font-weight-semibold);line-height:1.25}p{font-weight:var(--font-weight-normal)}small{color:var(--spades-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--spades-border);border-radius:var(--radius-md)}::-webkit-scrollbar-track{background:0 0}.app-shell{background:var(--spades-bg-primary);flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.top-bar{border-bottom:1px solid var(--spades-border);background:var(--spades-bg-secondary);z-index:20;flex:0 0 56px;align-items:center;gap:28px;height:56px;padding:0 24px;display:flex}.wordmark{font-weight:var(--font-weight-semibold);letter-spacing:.04em;font-size:var(--font-md);flex-shrink:0;align-items:center;gap:9px;width:264px;display:flex}.wordmark img{width:26px;height:29px}.global-search{border:1px solid var(--spades-border);border-radius:var(--radius-lg);max-width:650px;height:36px;padding:0 var(--space-3);background:var(--spades-bg-primary);color:var(--spades-text-secondary);flex:1;align-items:center;gap:10px;display:flex;position:relative}.global-search input{width:100%;color:var(--spades-text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-normal);background:0 0;border:0;outline:none}.global-search kbd{font-size:var(--font-xs);white-space:nowrap;color:var(--spades-text-muted);border:1px solid var(--spades-border);border-radius:var(--radius-sm);padding:2px var(--space-1)}.top-actions{align-items:center;gap:18px;margin-left:auto;display:flex}.icon-button{border-radius:var(--radius-sm);min-width:26px;min-height:28px;color:var(--spades-text-secondary);justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--spades-surface-hover);color:var(--spades-text-primary)}.notification-button{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);position:relative}.notification-button b{background:var(--spades-red);border:2px solid var(--spades-bg-tertiary);border-radius:var(--radius-lg);min-width:14px;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);position:absolute;top:0;right:0}.top-profile{align-items:center;gap:9px;padding-left:5px;display:flex}.profile-trigger{text-align:left;align-items:center;gap:25px;display:flex}.profile-trigger strong{font-size:var(--font-xs);font-weight:600;display:block}.profile-trigger small{align-items:center;gap:var(--space-1);font-size:var(--font-sm);font-weight:var(--font-weight-normal);margin-top:3px;display:flex}.profile-trigger i,.online-dot{background:var(--spades-green);border-radius:50%;width:5px;height:5px;display:inline-block}.workspace{flex:1;gap:0;min-height:0;display:flex}.community-bar{padding:var(--space-4) 7px;background:var(--spades-bg-primary);border-right:1px solid var(--spades-surface);flex-direction:column;flex:0 0 68px;align-items:center;gap:13px;display:flex;overflow-y:auto}.community-home{background:var(--spades-bg-tertiary);border-radius:var(--radius-lg);place-items:center;width:40px;height:40px;display:grid}.community-home img{width:24px}.rail-divider{background:var(--spades-border);width:25px;height:1px;margin:-var(--space-1) 0}.community-icon{border:1px solid var(--spades-surface-hover);background:var(--spades-bg-tertiary);border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:visible}.community-icon.selected{border-radius:var(--radius-lg);border-color:var(--spades-purple);background:linear-gradient(150deg,var(--spades-purple),var(--spades-border));box-shadow:0 0 14px var(--spades-purple)}@supports (color:color-mix(in lab,red,red)){.community-icon.selected{box-shadow:0 0 14px color-mix(in srgb,var(--spades-purple) 20%,transparent)}}.community-icon:has(.spade-avatar){background:0 0;border:0}.community-icon.selected .spade-avatar{border-color:var(--spades-purple)}.space-card>.spade-avatar{margin:var(--space-4) var(--space-4) 0}.community-icon.selected:before{content:"";border-radius:var(--radius-sm);background:var(--spades-purple);width:2px;height:22px;position:absolute;left:-8px}.community-icon:hover{border-color:var(--spades-purple);transform:translateY(-2px)}.activity-dot{background:var(--spades-purple);border:2px solid var(--spades-bg-secondary);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.community-icon.create{background:var(--spades-surface-hover);border-radius:50%}.tooltip-wrap{font-size:var(--font-xs);font-weight:var(--font-weight-medium);display:block;position:relative}.tooltip{pointer-events:none;z-index:1000;padding:var(--space-2) var(--space-3);border:1px solid var(--spades-border);background:var(--spades-surface-hover);border-radius:var(--radius-md);overflow-wrap:anywhere;width:max-content;max-width:min(320px,100vw - 16px);color:var(--spades-text-primary);box-shadow:0 4px 16px var(--spades-shadow);line-height:1.4;position:fixed}@supports (color:color-mix(in lab,red,red)){.tooltip{box-shadow:0 4px 16px color-mix(in srgb,var(--spades-shadow) 35%,transparent)}}.tooltip{font-size:var(--font-xs);font-weight:var(--font-weight-medium)}.tooltip:before{content:"";top:var(--tooltip-arrow-top);background:var(--spades-surface-hover);width:8px;height:8px;position:absolute;transform:translateY(-50%)rotate(45deg)}.tooltip[data-side=right]:before{border-left:1px solid var(--spades-border);border-bottom:1px solid var(--spades-border);left:-5px}.tooltip[data-side=left]:before{border-right:1px solid var(--spades-border);border-top:1px solid var(--spades-border);right:-5px}.channel-sidebar{background:var(--spades-bg-secondary);border-right:1px solid var(--spades-surface-hover);flex-direction:column;flex:0 0 238px;min-width:0;min-height:0;display:flex}.community-banner{background-position:50% 43%;background-size:cover;border-radius:11px 11px 0 0;height:106px;min-height:106px;margin:10px 10px 0}.community-details{z-index:1;margin-top:-19px;padding:0 17px 18px}.community-details h1{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);align-items:center;gap:6px;margin-bottom:5px;line-height:1.25;display:flex}.community-details h1>svg:last-child{color:var(--spades-text-secondary);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin-left:auto;line-height:1.25}.verified{color:var(--spades-purple);fill:var(--spades-purple);flex-shrink:0}.community-details p{font-size:var(--font-xs);letter-spacing:.02em;color:var(--spades-text-secondary);margin-bottom:3px}.community-details small{color:var(--spades-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.channel-scroll{border-top:1px solid var(--spades-surface-hover);flex:1;min-height:0;padding:11px 11px 18px;overflow-y:auto}.section-label{letter-spacing:.02em;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);justify-content:space-between;align-items:center;padding:0 6px 5px;display:flex}.channel{width:100%;color:var(--spades-text-secondary);border-radius:var(--radius-sm);text-align:left;font-size:var(--font-channel);font-weight:var(--font-weight-medium);align-items:center;gap:10px;height:32px;padding:0 9px;display:flex}.channel svg{color:var(--spades-text-secondary)}.channel.active{color:var(--spades-text-primary);background:linear-gradient(100deg,var(--spades-border),var(--spades-surface-hover))}.channel:hover{background:var(--spades-surface);color:var(--spades-text-primary)}.channel i{background:var(--spades-text-secondary);border-radius:50%;width:4px;height:4px;margin-left:auto}.voice-label{color:var(--spades-text-secondary);margin-top:22px;margin-bottom:3px}.voice-label span{align-items:center;gap:5px;display:flex}.voice-label svg{color:var(--spades-purple)}.voice-name{width:100%;padding:0 var(--space-2);color:var(--spades-text-secondary);text-align:left;font-size:var(--font-channel);font-weight:var(--font-weight-medium);align-items:center;gap:9px;height:32px;display:flex}.voice-name b{border-radius:var(--radius-md);background:var(--spades-purple);font-size:var(--font-xs);margin-left:auto;padding:2px 6px;line-height:1}.voice-name small{color:var(--spades-green);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.voice-name:hover,.voice-channel.joined{background:var(--spades-surface);border-radius:var(--radius-sm)}.voice-avatars{margin:1px 0 var(--space-2) 34px;display:flex}.voice-avatars .avatar-button{border:1px solid var(--spades-text-muted);background:var(--spades-bg-tertiary);border-radius:50%;padding:0;display:block;position:relative}.channel-user{background:var(--spades-bg-secondary);border-top:1px solid var(--spades-surface-hover);padding:var(--space-3) 10px;flex-shrink:0;align-items:center;gap:7px;display:flex}.channel-user>span{font-weight:600;font-size:var(--font-xs);flex:1}.channel-user small{color:var(--spades-green);font-size:var(--font-sm);font-weight:var(--font-weight-normal);margin-top:2px;display:block}.channel-user .icon-button{min-width:20px}.muted{color:var(--spades-red)}.voice-connected{align-items:center;gap:var(--space-2);color:var(--spades-green);border-top:1px solid var(--spades-border);padding:10px;display:flex}.voice-connected span{font-size:var(--font-xs);flex:1}.voice-connected small{margin-top:var(--space-1);font-size:var(--font-sm);font-weight:var(--font-weight-normal);display:block}.chat-panel{background:var(--spades-bg-chat);border-right:1px solid var(--spades-surface-hover);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chat-header{border-bottom:1px solid var(--spades-surface-hover);background:var(--spades-bg-chat);align-items:center;gap:9px;height:51px;min-height:51px;padding:0 19px;display:flex}.chat-header>svg{color:var(--spades-text-secondary)}.chat-header strong{font-size:var(--font-sm);font-weight:600}.chat-header small{color:var(--spades-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-sm);font-weight:var(--font-weight-normal);overflow:hidden}.header-separator{background:var(--spades-border);width:1px;height:14px;margin:0 var(--space-1)}.chat-header-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.header-pin,.mobile-channel-toggle{display:none}.member-toggle{display:inline-flex}.message-scroll{overflow-anchor:none;min-height:0;padding:var(--space-3) 0 20px;scroll-behavior:smooth;flex:1;overflow-y:auto}.history-load-more{padding:9px var(--space-4);border:1px solid var(--spades-border);border-radius:var(--radius-md);background:var(--spades-surface);color:var(--spades-text-secondary);font:inherit;cursor:pointer;margin:0 auto 18px;display:block}.auth-recovery-link{color:var(--spades-purple);font-size:var(--font-sm);margin:var(--space-1) 0 var(--space-4);display:inline-block}.auth-recovery-link:hover{text-decoration:underline}.history-load-more:hover{background:var(--spades-border)}.history-load-more:disabled{opacity:.6;cursor:wait}.conversation-intro{padding:var(--space-3) 22px 17px}.conversation-intro>span{font-size:var(--font-xs);letter-spacing:2px;color:var(--spades-text-secondary)}.conversation-intro p{font-size:var(--font-xs);color:var(--spades-text-muted);margin-top:5px}.day-divider{font-size:var(--font-xs);color:var(--spades-text-muted);align-items:center;gap:10px;margin:0 22px 10px;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--spades-surface-hover);flex:1;height:1px}.chat-message{padding:var(--space-1) 24px;margin:var(--space-2) 0;border-radius:var(--radius-sm);gap:11px;display:flex;position:relative}.chat-message:hover{background:var(--spades-bg-tertiary)}@supports (color:color-mix(in lab,red,red)){.chat-message:hover{background:color-mix(in srgb,var(--spades-bg-tertiary) 56.47%,transparent)}}.message-content{flex:1;min-width:0}.chat-message--own{flex-direction:row-reverse}.chat-message--own .message-content{text-align:right;flex:0 auto;width:min(78%,720px)}.chat-message--own .message-byline{flex-wrap:wrap;justify-content:flex-end}.chat-message--own .founder-mark{margin-left:0}.chat-message--own .message-image{margin-left:auto}.chat-message--own .reactions{flex-wrap:wrap;justify-content:flex-end}.chat-message--own .message-actions{right:64px}.message-byline{align-items:center;gap:var(--space-2);line-height:var(--line-chat);margin:0;display:flex}.message-byline>button{font-size:var(--font-chat-name);font-weight:var(--font-weight-medium);line-height:var(--line-chat)}.message-byline time{color:var(--spades-text-muted);font-size:var(--font-timestamp);font-weight:var(--font-weight-normal);line-height:calc(var(--font-chat-name) * var(--line-chat))}.founder-mark{color:var(--spades-purple);font-size:var(--font-chat-name);line-height:var(--line-chat);margin-left:auto}.message-content p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--spades-text-primary);font-size:var(--font-chat);font-weight:var(--font-weight-normal);line-height:var(--line-chat)}.message-content blockquote{border-left:2px solid var(--spades-purple);padding:5px var(--space-2);margin:0 0 var(--space-2);color:var(--spades-text-secondary);font-size:var(--font-xs);background:var(--spades-surface-hover);border-radius:0 6px 6px 0}.message-image{border:1px solid var(--spades-border);border-radius:var(--radius-md);width:min(100%,450px);height:auto;margin-top:7px;display:block;overflow:hidden}.message-image img{object-fit:contain;width:100%;height:auto;max-height:420px;display:block}.message-image:hover{border-color:var(--spades-purple)}.reactions{gap:6px;margin-top:5px;display:flex}.reactions:empty{display:none}.reaction{background:var(--spades-bg-tertiary);border:1px solid var(--spades-border);border-radius:var(--radius-lg);height:22px;font-size:var(--font-xs);align-items:center;gap:5px;padding:1px 7px;display:inline-flex}.reaction span{font-size:var(--font-xs)}.reaction.selected{background:var(--spades-border);border-color:var(--spades-purple);color:var(--spades-text-primary)}.message-actions{border:1px solid var(--spades-border);border-radius:var(--radius-md);background:var(--spades-bg-tertiary);opacity:0;gap:2px;padding:3px;transition:opacity .15s;display:flex;position:absolute;top:-9px;right:14px}.message-actions button{border-radius:var(--radius-sm);color:var(--spades-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:5px}.message-actions button:hover{background:var(--spades-border)}.chat-message:hover .message-actions,.chat-message:focus-within .message-actions{opacity:1}.avatar-button{border:1px solid var(--spades-text-muted);background:var(--spades-bg-tertiary);border-radius:50%;padding:2px;display:block;position:relative}.presence{border:2px solid var(--spades-bg-secondary);background:var(--spades-text-muted);border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:-1px}.presence.away{background:var(--spades-yellow)}.presence.busy{background:var(--spades-red)}.online{color:var(--spades-green)!important}.away{color:var(--spades-yellow)!important}.busy{color:var(--spades-red)!important}.offline{color:var(--spades-text-muted)!important}.composer-container{flex-shrink:0;padding:7px 14px 9px;position:relative}.chat-composer{min-height:48px;padding:6px var(--space-2);border:1px solid var(--spades-border);background:var(--spades-surface);border-radius:var(--radius-lg);box-shadow:0 3px 14px var(--spades-shadow);align-items:center;gap:10px;display:flex}@supports (color:color-mix(in lab,red,red)){.chat-composer{box-shadow:0 3px 14px color-mix(in srgb,var(--spades-shadow) 20%,transparent)}}.chat-composer>input:not([hidden]){color:var(--spades-text-primary);width:0;font-size:var(--font-chat-composer);line-height:var(--line-chat);font-weight:var(--font-weight-normal);background:0 0;border:0;outline:0;flex:1}.chat-composer input::placeholder{color:var(--spades-text-secondary)}.composer-plus{border:1px solid var(--spades-border);background:var(--spades-border);width:30px;height:30px;color:var(--spades-text-secondary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.gif-button{background:var(--spades-text-secondary);color:var(--spades-text-muted);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:1px 2px}.send-button{background:linear-gradient(145deg,var(--spades-purple),var(--spades-purple));width:31px;height:31px;box-shadow:0 0 12px var(--spades-purple);border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.send-button{box-shadow:0 0 12px color-mix(in srgb,var(--spades-purple) 33.33%,transparent)}}.send-button{color:var(--spades-text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.composer-caption{color:var(--spades-text-muted);font-size:var(--font-xs);padding:7px var(--space-1) 0;justify-content:space-between;display:flex}.composer-caption span{align-items:center;gap:var(--space-1);display:flex}.reply-strip{background:var(--spades-surface-hover);font-size:var(--font-xs);color:var(--spades-text-secondary);border-radius:8px 8px 0 0;justify-content:space-between;padding:7px 10px;display:flex}.emoji-menu{padding:var(--space-2);background:var(--spades-surface-hover);border:1px solid var(--spades-purple);border-radius:var(--radius-md);box-shadow:0 8px 30px var(--spades-shadow);display:flex;position:absolute;bottom:75px;right:20px}@supports (color:color-mix(in lab,red,red)){.emoji-menu{box-shadow:0 8px 30px color-mix(in srgb,var(--spades-shadow) 40%,transparent)}}.emoji-menu button{padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.emoji-menu button:hover{background:var(--spades-border)}.attachment-preview{background:var(--spades-surface-hover);padding:5px;display:inline-block;position:relative}.attachment-preview img{height:70px}.attachment-preview button{background:var(--spades-bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);position:absolute;top:3px;right:3px}.member-panel{background:linear-gradient(160deg,var(--spades-bg-tertiary),var(--spades-bg-primary));flex-direction:column;flex:0 0 240px;min-width:0;min-height:0;display:flex}.member-panel>header{border-bottom:1px solid var(--spades-surface-hover);flex-shrink:0;align-items:center;gap:6px;height:51px;padding:0 18px;display:flex}.member-panel>header strong{font-size:var(--font-xs);flex:1;font-weight:600}.member-panel>header strong span{color:var(--spades-text-secondary);font-weight:400}.member-close{display:inline-flex}.members-scroll{flex:1;min-height:0;padding:0 15px;overflow-y:auto}.members-scroll section{border-bottom:1px solid var(--spades-surface-hover);padding:15px 0 10px}.members-scroll section:last-child{border-bottom:0}.members-scroll h3{font-size:var(--font-xs);color:var(--spades-text-secondary);margin:0 0 var(--space-2) 2px;font-weight:500}.member-item{border-radius:var(--radius-sm);align-items:center;gap:9px;padding:6px 2px;display:flex}.member-item:hover{background:var(--spades-surface-hover)}.member-item>button:last-child{text-align:left;flex:1;min-width:0}.member-item>button>span{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:6px;display:flex}.member-item svg{color:var(--spades-red)}.member-item small{color:var(--spades-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-normal);margin-top:3px;display:block}.member-panel footer{font-size:var(--font-xs);color:var(--spades-text-muted);text-align:center;border-top:1px solid var(--spades-surface);padding:14px}.member-panel footer i{margin-right:5px}.member-search{margin:10px var(--space-3) 0;width:calc(100% - 24px);padding:var(--space-2);border-radius:var(--radius-md);background:var(--spades-bg-tertiary);border:1px solid var(--spades-border);font-size:var(--font-xs)}.primary-button{background:linear-gradient(110deg,var(--spades-purple),var(--spades-purple-strong));border:1px solid var(--spades-purple);justify-content:center;align-items:center;gap:7px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.primary-button{border:1px solid color-mix(in srgb,var(--spades-purple) 33.33%,transparent)}}.primary-button{box-shadow:0 3px 14px var(--spades-purple)}@supports (color:color-mix(in lab,red,red)){.primary-button{box-shadow:0 3px 14px color-mix(in srgb,var(--spades-purple) 14.9%,transparent)}}.primary-button{border-radius:var(--radius-md);color:var(--spades-text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:9px 15px}.primary-button:hover{background:var(--spades-purple-strong)}.secondary-button{border:1px solid var(--spades-border);background:var(--spades-bg-secondary);border-radius:var(--radius-md);color:var(--spades-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:9px 14px}.modal-backdrop{z-index:60;background:var(--spades-bg-primary);position:fixed;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.modal-backdrop{background:color-mix(in srgb,var(--spades-bg-primary) 68.24%,transparent)}}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:22px;display:grid;overflow-y:auto}.profile-popover{border:1px solid var(--spades-text-muted);border-radius:var(--radius-lg);background:var(--spades-bg-secondary);width:355px;max-width:100%;box-shadow:0 20px 90px var(--spades-shadow);position:relative}@supports (color:color-mix(in lab,red,red)){.profile-popover{box-shadow:0 20px 90px color-mix(in srgb,var(--spades-shadow) 53.33%,transparent)}}.profile-popover{overflow:hidden}.profile-banner{background:linear-gradient(0deg,var(--spades-bg-secondary),transparent),url(/art/castle.svg) center 40% / cover;height:110px}@supports (color:color-mix(in lab,red,red)){.profile-banner{background:linear-gradient(0deg,color-mix(in srgb,var(--spades-bg-secondary) 8.24%,transparent),transparent),url(/art/castle.svg) center 40% / cover}}.modal-x{background:var(--spades-bg-secondary);border-radius:50%;position:absolute;top:12px;right:12px}@supports (color:color-mix(in lab,red,red)){.modal-x{background:color-mix(in srgb,var(--spades-bg-secondary) 80%,transparent)}}.modal-x{color:var(--spades-text-secondary);padding:6px}.profile-body{padding:0 20px 20px}.profile-identity{align-items:center;gap:13px;margin-top:-21px;display:flex;position:relative}.profile-identity h2{font-size:var(--font-md);padding-top:var(--space-4);align-items:center;gap:6px;display:flex}.profile-identity p{font-size:var(--font-xs);color:var(--spades-text-secondary);margin:3px 0}.profile-identity small{text-transform:capitalize;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.bio{font-size:var(--font-xs);color:var(--spades-text-secondary);margin:15px 0 10px;line-height:1.6}.profile-tags{font-size:var(--font-xs);color:var(--spades-text-secondary);gap:7px;margin-bottom:19px;display:flex}.profile-tags span{padding:var(--space-1) 7px;background:var(--spades-surface);border-radius:var(--radius-sm)}.profile-buttons{gap:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);display:flex}.profile-buttons>*{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);flex:1}.full-profile{padding:var(--space-3) 0 20px}.full-profile h3{color:var(--spades-text-muted);font-size:var(--font-xs);letter-spacing:1px;margin:var(--space-2) 0}.full-profile p{font-size:var(--font-xs)}.edit-bio{font-size:var(--font-xs);margin:17px 0;display:block}.edit-bio textarea{resize:vertical;background:var(--spades-surface);border:1px solid var(--spades-purple);border-radius:var(--radius-md);width:100%;color:var(--spades-text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-normal);margin-top:6px;padding:9px;display:block}.create-dialog{background:var(--spades-bg-tertiary);border:1px solid var(--spades-border);border-radius:var(--radius-lg);width:410px;max-width:100%;box-shadow:0 20px 80px var(--spades-shadow);padding:32px;position:relative}@supports (color:color-mix(in lab,red,red)){.create-dialog{box-shadow:0 20px 80px color-mix(in srgb,var(--spades-shadow) 53.33%,transparent)}}.create-dialog>img{width:38px;margin-bottom:18px}.create-dialog h2{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);line-height:1.25}.create-dialog p{font-size:var(--font-xs);color:var(--spades-text-secondary);margin-top:var(--space-2);line-height:1.7}.create-dialog label{font-size:var(--font-xs);margin:24px 0 var(--space-4);display:block}.create-dialog input{background:var(--spades-bg-primary);border:1px solid var(--spades-border);border-radius:var(--radius-md);width:100%;margin-top:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-weight-normal);padding:11px;display:block}.create-dialog .primary-button{width:100%;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.create-dialog>small{text-align:center;font-size:var(--font-sm);font-weight:var(--font-weight-normal);margin-top:15px;display:block}.image-lightbox>img{border-radius:var(--radius-lg);max-width:95vw;max-height:85vh}.message-menu{border-radius:var(--radius-lg);background:var(--spades-bg-tertiary);border:1px solid var(--spades-border);width:270px;padding:17px}.message-menu h3{padding:var(--space-2);font-size:var(--font-xs)}.message-menu button{text-align:left;border-radius:var(--radius-sm);width:100%;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:11px;display:block}.message-menu button:hover{background:var(--spades-surface-hover)}.danger{color:var(--spades-red)}.secondary-view{background:var(--spades-bg-secondary);flex:1;min-width:0;padding:30px;overflow-y:auto}.view-heading{margin-bottom:30px}.eyebrow{color:var(--spades-text-secondary);letter-spacing:.02em;font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.view-heading h1{letter-spacing:-1px;margin:var(--space-2) 0;font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.view-heading p{color:var(--spades-text-secondary);font-size:var(--font-xs);line-height:1.7}.space-section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.space-section-title h2{font-size:var(--font-sm)}.space-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:15px;display:grid}.space-card{border:1px solid var(--spades-border);background:var(--spades-bg-tertiary);border-radius:var(--radius-lg);text-align:left;overflow:hidden}.space-card>img{object-fit:cover;width:100%;height:110px}.space-card>div{padding:14px}.space-card strong{font-size:var(--font-sm);justify-content:space-between;align-items:center;display:flex}.space-card small{font-size:var(--font-sm);font-weight:var(--font-weight-normal);margin-top:5px;display:block}.space-card p{color:var(--spades-text-secondary);font-size:var(--font-xs);margin-top:var(--space-2)}.space-card:hover{border-color:var(--spades-purple);background:var(--spades-surface)}.direct-row{gap:var(--space-3);border-bottom:1px solid var(--spades-surface-hover);align-items:center;padding:15px 5px;display:flex}.direct-row>button:not(.avatar-button):not(.icon-button){text-align:left;flex:1;position:relative}.direct-row strong{font-size:var(--font-xs);display:block}.direct-row small{font-size:var(--font-sm);font-weight:var(--font-weight-normal);margin-top:3px;display:block}.direct-row svg{color:var(--spades-text-secondary);position:absolute;top:10px;right:10px}.direct-row>.avatar-button,.direct-row>.icon-button{flex:none}.direct-row>.icon-button svg{position:static}.activity-card{border:1px solid var(--spades-border);border-radius:var(--radius-md);text-align:left;background:var(--spades-bg-tertiary);align-items:center;gap:15px;width:100%;margin:10px 0;padding:17px;display:flex}.activity-card>svg:first-child{color:var(--spades-purple)}.activity-card>span{flex:1}.activity-card strong,.activity-card small{font-size:var(--font-sm);font-weight:var(--font-weight-normal);display:block}.activity-card small{line-height:1.7;font-size:var(--font-sm);font-weight:var(--font-weight-normal);margin-top:5px}.settings-card{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--spades-border);padding:22px 0;display:flex}.settings-card h2{font-size:var(--font-sm);margin-bottom:6px}.settings-card p{font-size:var(--font-xs);color:var(--spades-text-secondary)}.toggle{background:var(--spades-border);border-radius:var(--radius-lg);flex-shrink:0;width:39px;height:23px;padding:3px}.toggle i{background:var(--spades-text-secondary);border-radius:50%;width:17px;height:17px;transition:transform .18s;display:block}.toggle.on{background:var(--spades-purple)}.toggle.on i{background:var(--spades-text-primary);transform:translate(16px)}.theme-swatch{background:var(--spades-bg-primary);border:1px solid var(--spades-purple);width:30px;height:30px;color:var(--spades-purple);border-radius:50%;place-items:center;display:grid}.demo-note{font-size:var(--font-xs);color:var(--spades-text-muted);margin-top:20px}.search-results{z-index:45;border:1px solid var(--spades-border);border-radius:var(--radius-lg);background:var(--spades-bg-tertiary);width:min(500px,90vw);max-height:65vh;padding:15px;position:fixed;top:56px;left:50%;overflow:auto;transform:translate(-50%)}@supports (color:color-mix(in lab,red,red)){.search-results{background:color-mix(in srgb,var(--spades-bg-tertiary) 93.33%,transparent)}}.search-results{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px var(--spades-shadow)}@supports (color:color-mix(in lab,red,red)){.search-results{box-shadow:0 20px 60px color-mix(in srgb,var(--spades-shadow) 60%,transparent)}}.search-results h3{gap:var(--space-2);color:var(--spades-text-secondary);font-size:var(--font-xs);padding:6px;display:flex}.search-results>button{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);text-align:left;width:100%;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:9px;display:flex}.search-results>button:hover{background:var(--spades-border)}.search-results img{border-radius:var(--radius-md);object-fit:cover;width:30px;height:30px}.search-results span{flex:1}.search-results small{font-size:var(--font-sm);font-weight:var(--font-weight-normal);margin-top:3px;display:block}.search-results p{padding:10px}.notification-menu{z-index:45;border:1px solid var(--spades-border);background:var(--spades-bg-tertiary);width:min(350px,90vw);position:fixed;top:58px;right:25px}@supports (color:color-mix(in lab,red,red)){.notification-menu{background:color-mix(in srgb,var(--spades-bg-tertiary) 93.33%,transparent)}}.notification-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:0 15px 50px var(--spades-shadow);padding:13px}@supports (color:color-mix(in lab,red,red)){.notification-menu{box-shadow:0 15px 50px color-mix(in srgb,var(--spades-shadow) 53.33%,transparent)}}.notification-menu header{padding:var(--space-1) 7px 10px;justify-content:space-between;align-items:center;display:flex}.notification-menu header h3{font-size:var(--font-sm)}.notification-menu>button{gap:var(--space-3);padding:var(--space-3) 6px;text-align:left;border-radius:var(--radius-md);width:100%;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);display:flex}.notification-menu>button:hover{background:var(--spades-border)}.notification-menu strong{font-size:var(--font-xs);display:block}.notification-menu small{line-height:1.7;font-size:var(--font-sm);font-weight:var(--font-weight-normal);margin-top:5px;display:block}.notification-orb{color:var(--spades-purple);background:var(--spades-purple)}@supports (color:color-mix(in lab,red,red)){.notification-orb{background:color-mix(in srgb,var(--spades-purple) 25.1%,transparent)}}.notification-orb{font-size:var(--font-xl);text-align:center;border-radius:var(--radius-md);min-width:32px}.toast{z-index:80;align-items:center;gap:var(--space-3);border:1px solid var(--spades-purple);border-radius:var(--radius-lg);background:var(--spades-surface-hover);width:max-content;max-width:90vw;box-shadow:0 12px 40px var(--spades-shadow);padding:13px 18px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab,red,red)){.toast{box-shadow:0 12px 40px color-mix(in srgb,var(--spades-shadow) 53.33%,transparent)}}.toast{font-size:var(--font-xs)}.toast>svg{color:var(--spades-green)}.empty-channel{text-align:center;color:var(--spades-text-secondary);padding:70px 20px}.empty-channel>svg{color:var(--spades-purple);background:var(--spades-border);border-radius:var(--radius-lg);width:48px;height:48px;margin:auto;padding:10px}.empty-channel h2{font-size:var(--font-lg);color:var(--spades-text-primary);margin:13px 0 7px}.empty-channel p{font-size:var(--font-xs)}.mobile-navigation,.drawer-scrim{display:none}@media(min-width:1500px){:root{font-size:var(--font-sm)}.chat-message{padding:var(--space-1) 24px}.message-content p{font-size:var(--font-chat);font-weight:var(--font-weight-normal);line-height:var(--line-chat)}.message-byline>button{font-size:var(--font-chat-name);font-weight:var(--font-weight-medium);line-height:var(--line-chat)}.message-byline time{font-size:var(--font-timestamp);font-weight:var(--font-weight-normal)}.member-item{padding:var(--space-2) 2px}.member-item>button>span{font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.member-item small{font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.channel,.voice-name{font-size:var(--font-channel);font-weight:var(--font-weight-medium);height:32px}.community-banner{height:128px;min-height:128px}.member-panel>header strong{font-size:var(--font-xs)}.wordmark{width:304px}.chat-header small{font-size:var(--font-sm);font-weight:var(--font-weight-normal)}}@media(max-width:1190px){.wordmark{width:220px}.top-bar{gap:18px;padding:0 18px}.top-actions{gap:10px}.member-toggle{display:inline-flex}}@media(max-width:900px){.channel-sidebar{display:none}.wordmark{width:auto;font-size:var(--font-sm)}.top-profile .profile-trigger,.global-search kbd{display:none}.top-actions{gap:var(--space-2)}.mobile-channel-toggle{display:inline-flex}.channels-open .channel-sidebar{z-index:40;width:238px;box-shadow:20px 0 50px var(--spades-shadow);display:flex;position:fixed;top:64px;bottom:0;left:68px}@supports (color:color-mix(in lab,red,red)){.channels-open .channel-sidebar{box-shadow:20px 0 50px color-mix(in srgb,var(--spades-shadow) 53.33%,transparent)}}.channels-open .drawer-scrim{z-index:32;background:var(--spades-shadow);display:block;position:fixed;top:64px;right:0;bottom:0;left:68px}@supports (color:color-mix(in lab,red,red)){.channels-open .drawer-scrim{background:color-mix(in srgb,var(--spades-shadow) 46.67%,transparent)}}.channels-open .channel-sidebar{z-index:40}}@media(max-width:600px){.top-bar{flex-basis:62px;gap:14px;height:62px;padding:0 17px}.wordmark{font-size:var(--font-sm);letter-spacing:3px;gap:7px}.wordmark img{width:24px}.global-search{padding:0 var(--space-2);border-radius:50%;flex:0 0 31px;height:31px;margin-left:auto}.global-search input,.global-search kbd{font-size:var(--font-sm);font-weight:var(--font-weight-normal);display:none}.global-search:focus-within{border-radius:var(--radius-md);z-index:3;background:var(--spades-bg-tertiary);position:absolute;left:14px;right:14px}.global-search:focus-within input{display:block}.global-search:has(input:not(:placeholder-shown)){border-radius:var(--radius-md)}.top-actions{margin-left:0}.top-actions>.notification-button{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);display:none}.top-profile{padding-left:0}.top-profile .avatar-button{width:29px!important;height:29px!important}.top-actions>.icon-button:not(.notification-button){display:none}.with-members .workspace,.without-members .workspace{flex:1;min-height:0;display:flex}.community-bar,.channel-sidebar{display:none}.chat-panel,.secondary-view{flex:1;width:100%}.mobile-navigation{height:65px;min-height:65px;padding:var(--space-1) var(--space-3) max(var(--space-1),env(safe-area-inset-bottom));background:var(--spades-bg-secondary);border-top:1px solid var(--spades-border);justify-content:space-between;align-items:center;display:flex}.mobile-navigation button{align-items:center;gap:var(--space-1);color:var(--spades-text-secondary);min-width:43px;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);flex-direction:column;padding:5px;display:flex}.mobile-navigation .active{color:var(--spades-purple)}.mobile-navigation .active svg{filter:drop-shadow(0 0 6px var(--spades-purple))}.mobile-navigation .mobile-add{background:linear-gradient(135deg,var(--spades-purple),var(--spades-purple));width:43px;height:43px;color:var(--spades-text-primary);box-shadow:0 0 18px var(--spades-purple);border-radius:50%;place-items:center;padding:0;display:grid}@supports (color:color-mix(in lab,red,red)){.mobile-navigation .mobile-add{box-shadow:0 0 18px color-mix(in srgb,var(--spades-purple) 30.2%,transparent)}}.chat-header{gap:6px;height:50px;min-height:50px;padding:0 13px}.chat-header small{font-size:var(--font-sm);font-weight:var(--font-weight-normal);display:none}.header-separator,.chat-header .member-toggle{display:none}.chat-message{padding:var(--space-1) 14px;gap:9px}.message-content p{font-size:var(--font-chat);font-weight:var(--font-weight-normal);line-height:var(--line-chat)}.conversation-intro{padding:9px var(--space-4) 15px}.composer-container{padding:7px 10px 10px}.optional-control,.composer-caption{display:none}.chat-composer{gap:var(--space-2)}.channels-open .channel-sidebar{width:min(285px,85vw);top:62px;bottom:65px;left:0}.channels-open .drawer-scrim{top:62px;right:0;bottom:65px;left:0}.secondary-view{padding:20px 17px}.view-heading{margin-bottom:20px}.view-heading h1{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.view-heading .eyebrow{letter-spacing:.02em;font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.space-grid{flex-direction:column;gap:11px;display:flex}.space-card{background:linear-gradient(90deg,var(--spades-bg-secondary),var(--spades-bg-secondary));height:105px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.space-card{background:linear-gradient(90deg,color-mix(in srgb,var(--spades-bg-secondary) 90.98%,transparent),color-mix(in srgb,var(--spades-bg-secondary) 18.82%,transparent))}}.space-card>img{object-fit:cover;z-index:0;opacity:.55;width:100%;height:100%;position:absolute}.space-card>div{z-index:1;background:linear-gradient(90deg,var(--spades-bg-secondary),transparent);flex-direction:column;justify-content:center;width:100%;padding:15px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.space-card>div{background:linear-gradient(90deg,color-mix(in srgb,var(--spades-bg-secondary) 81.18%,transparent),transparent)}}.space-card strong{font-size:var(--font-sm)}.space-card small{color:var(--spades-text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.space-card p{font-size:var(--font-xs);color:var(--spades-text-secondary);margin-top:5px}.space-section-title .primary-button{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:7px 9px}.space-section-title h2{font-size:var(--font-xs)}.toast{bottom:80px}.notification-menu{right:12px}.create-dialog{padding:24px}.modal-backdrop{padding:var(--space-4)}.profile-popover{width:345px}.message-actions{top:-9px;right:9px}.global-search input{font-size:var(--font-sm);font-weight:var(--font-weight-normal)}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media(min-width:1200px)and (max-width:1499px){.message-content p{font-size:var(--font-chat);font-weight:var(--font-weight-normal);line-height:var(--line-chat)}.message-byline>button{font-size:var(--font-chat-name);font-weight:var(--font-weight-medium);line-height:var(--line-chat)}.message-byline time{font-size:var(--font-timestamp);font-weight:var(--font-weight-normal)}.chat-message{padding-top:var(--space-1);padding-bottom:var(--space-1)}.member-item>button>span{font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.channel,.voice-name{font-size:var(--font-channel);font-weight:var(--font-weight-medium);height:32px}.chat-header small{font-size:var(--font-sm);font-weight:var(--font-weight-normal)}}.app-shell{border-top:1px solid var(--spades-purple)}.channel-sidebar,.member-panel{box-shadow:inset 0 1px 0 var(--spades-purple)}@supports (color:color-mix(in lab,red,red)){.channel-sidebar,.member-panel{box-shadow:inset 0 1px color-mix(in srgb,var(--spades-purple) 1.96%,transparent)}}.message-scroll{background-image:radial-gradient(ellipse at 80% 0%,var(--spades-purple),transparent 70%)}@supports (color:color-mix(in lab,red,red)){.message-scroll{background-image:radial-gradient(ellipse at 80% 0%,color-mix(in srgb,var(--spades-purple) 3.53%,transparent),transparent 70%)}}.chat-composer:focus-within{border-color:var(--spades-text-muted);box-shadow:0 0 0 2px var(--spades-purple)}@supports (color:color-mix(in lab,red,red)){.chat-composer:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--spades-purple) 6.27%,transparent)}}.avatar-button:hover{border-color:var(--spades-purple);box-shadow:0 0 12px var(--spades-purple)}@supports (color:color-mix(in lab,red,red)){.avatar-button:hover{box-shadow:0 0 12px color-mix(in srgb,var(--spades-purple) 13.33%,transparent)}}.mobile-search-button{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);display:none}@media(max-width:900px){.app-root.with-members .member-panel{z-index:45;width:240px;box-shadow:-15px 0 45px var(--spades-shadow);position:fixed;top:64px;bottom:0;right:0;display:flex!important}@supports (color:color-mix(in lab,red,red)){.app-root.with-members .member-panel{box-shadow:-15px 0 45px color-mix(in srgb,var(--spades-shadow) 60%,transparent)}}.app-root.with-members .member-panel{border-left:1px solid var(--spades-border)}.member-close{display:inline-flex}}@media(max-width:600px){.mobile-search-button{border:1px solid var(--spades-border);width:31px;height:31px;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);border-radius:50%;margin-left:auto;display:inline-flex}.global-search{display:none}.global-search.expanded{border-radius:var(--radius-md);z-index:3;background:var(--spades-bg-tertiary);margin-left:0;display:flex;position:absolute;left:14px;right:14px}.global-search.expanded input{opacity:1;width:100%;font-size:var(--font-sm);font-weight:var(--font-weight-normal);padding:0;display:block}.app-root.with-members .member-panel{top:62px;bottom:65px}.chat-header .member-toggle{display:inline-flex}.top-bar .global-search{flex-shrink:0}.view-heading h1{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}}.community-bar>*{flex-shrink:0}.context-sidebar-heading{padding:24px 17px}.context-sidebar-heading h2{font-size:var(--font-channel);font-weight:600}.context-sidebar-heading p{color:var(--spades-text-secondary);font-size:var(--font-xs);margin-top:var(--space-2)}.contact-channel{height:44px}.contact-channel img{border-radius:50%;width:27px;height:27px}.live-content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.live-content>.secondary-view{overflow-y:auto}.live-content>.chat-panel{min-height:0}.auth-page{background:radial-gradient(ellipse at 75% 10%,var(--spades-purple),transparent 60%),var(--spades-bg-primary);width:100%;min-height:100dvh;position:relative}@supports (color:color-mix(in lab,red,red)){.auth-page{background:radial-gradient(ellipse at 75% 10%,color-mix(in srgb,var(--spades-purple) 53.33%,transparent),transparent 60%),var(--spades-bg-primary)}}.auth-page{flex-direction:column;justify-content:center;align-items:center;padding:96px 18px 28px;display:flex;overflow:auto}.auth-page>.wordmark{letter-spacing:.04em;gap:var(--space-3);width:auto;height:40px;margin:0;font-size:20px;position:absolute;top:24px;left:32px}.auth-page>.wordmark img{width:32px;height:36px}.auth-card{background:var(--spades-bg-tertiary);border:1px solid var(--spades-border);border-radius:var(--radius-lg);width:min(440px,100%);box-shadow:0 24px 90px var(--spades-shadow);padding:32px}@supports (color:color-mix(in lab,red,red)){.auth-card{box-shadow:0 24px 90px color-mix(in srgb,var(--spades-shadow) 33.33%,transparent)}}.auth-card{flex-direction:column;gap:17px;display:flex}.auth-symbol{align-self:center;width:46px}.auth-card h1{text-align:center;font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.auth-card>p{color:var(--spades-text-secondary);text-align:center}.auth-card label,.profile-form label{gap:var(--space-2);font-size:var(--font-xs);color:var(--spades-text-primary);flex-direction:column;display:flex}.auth-card input,.profile-form input,.profile-form textarea,.live-dialog select{background:var(--spades-bg-secondary);border:1px solid var(--spades-border);border-radius:var(--radius-md);padding:var(--space-3);color:var(--spades-text-primary);width:100%;font-size:var(--font-sm);font-weight:var(--font-weight-normal);outline:none}.auth-card input:focus,.profile-form input:focus,.profile-form textarea:focus{border-color:var(--spades-purple)}.auth-card .primary-button{width:100%;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);justify-content:center}.auth-switch{color:var(--spades-purple);padding:var(--space-2) 0;font-size:var(--font-xs)}.auth-card small{color:var(--spades-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.form-error{font-size:var(--font-xs);color:var(--spades-red)!important}.connection-banner{background:var(--spades-surface-hover);color:var(--spades-text-primary);padding:var(--space-2) var(--space-4);font-size:var(--font-xs);flex-shrink:0}.connection-banner button,.history-error button{margin-left:var(--space-3);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);text-decoration:underline}.invite-link{color:var(--spades-purple);font-size:var(--font-xs);margin-top:var(--space-3);align-items:center;gap:6px;display:flex}.sidebar-empty{color:var(--spades-text-secondary);font-size:var(--font-xs);padding:var(--space-3) 6px;line-height:1.8}.unread-count{background:var(--spades-purple);border-radius:var(--radius-md);min-width:19px;font-size:var(--font-xs);color:var(--spades-text-primary);text-align:center;margin-left:auto;padding:2px 6px}.empty-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.empty-channel .empty-actions{justify-content:center;margin-top:20px}.empty-channel>img{margin:0 auto 18px}.muted-copy{color:var(--spades-text-secondary);padding:var(--space-3) 0;font-size:var(--font-xs)}.request-row{border:1px solid var(--spades-border);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-xs);flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;display:flex}.request-row>span{flex:1}.request-row small{color:var(--spades-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-normal);display:block}.friend-results{max-height:320px;overflow:auto}.live-dialog{max-height:90dvh;overflow-y:auto}.live-dialog select{margin-top:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.profile-form{flex-direction:column;align-items:stretch}.profile-form label{width:100%}.history-error{color:var(--spades-text-secondary);padding:15px}.call-panel{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--spades-border);background:var(--spades-bg-secondary);flex-shrink:0;max-height:55vh;overflow:auto}.call-status{font-size:var(--font-xs);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.call-status>span{color:var(--spades-text-secondary);font-size:var(--font-xs)}.call-controls{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.call-controls svg{width:19px}.call-controls button[aria-pressed=true]{color:var(--spades-purple);background:var(--spades-border);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.hangup-button{background:var(--spades-red);color:var(--spades-text-primary);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:10px 15px}.mic-meter{background:var(--spades-border);border-radius:var(--radius-sm);width:60px;height:5px;overflow:hidden}.mic-meter i{background:var(--spades-green);height:100%;display:block}.screen-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:10px;display:grid}.screen-grid>div:empty{display:none}.screen-tile{border-radius:var(--radius-md);border:1px solid var(--spades-purple);background:var(--spades-bg-primary);overflow:hidden}.screen-tile video{object-fit:contain;width:100%;max-height:240px;display:block}.screen-tile>div{font-size:var(--font-xs);justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.incoming-call{z-index:90;background:var(--spades-surface-hover);border:1px solid var(--spades-purple);border-radius:var(--radius-lg);box-shadow:0 18px 60px var(--spades-shadow);position:fixed;top:80px;right:24px}@supports (color:color-mix(in lab,red,red)){.incoming-call{box-shadow:0 18px 60px color-mix(in srgb,var(--spades-shadow) 60%,transparent)}}.incoming-call{gap:var(--space-3);flex-wrap:wrap;max-width:calc(100vw - 32px);padding:20px;display:flex}.incoming-call strong{width:100%}@media(max-width:600px){.auth-card{padding:24px}.space-section-title{flex-wrap:wrap;gap:14px}.live-content{width:100%}.secondary-view .empty-actions{justify-content:flex-start}.direct-row{gap:var(--space-2)}.screen-grid{grid-template-columns:1fr}}.empty-actions .secondary-button,.space-section-title .secondary-button,.call-controls .secondary-button{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);display:inline-flex}.member-panel .members-scroll section:has(h3):not(:has(.member-item)){display:none}.language-selector{color:var(--spades-text-secondary);flex-shrink:0;align-items:center;gap:7px;display:inline-flex}.lp-header-actions{align-items:center;gap:18px;display:flex}.auth-language{position:absolute;top:24px;right:32px}.auth-card .auth-account-prompt{text-align:left;font-size:var(--font-sm);color:var(--spades-text-secondary);margin:22px 0 0}.auth-account-prompt a{color:var(--spades-purple);margin-left:var(--space-1)}.auth-account-prompt a:hover{text-decoration:underline}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media(max-width:1100px){.lp-header nav,.lp-header{gap:14px}.lp-header-actions{gap:var(--space-3)}}@media(max-width:700px){.lp-header{flex-wrap:wrap}.lp-header nav{display:none}.lp-header-actions{gap:9px}.auth-language{top:20px;right:18px}.auth-page>.wordmark{gap:var(--space-2);font-size:18px;top:20px;left:18px}.auth-page>.wordmark img{width:30px;height:34px}}@media(max-width:420px){.lp-header-actions{justify-content:space-between;width:100%}.auth-page{padding-top:95px}.lp-hero h1{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}}@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-ease{syntax:"*";inherits:false}.spade-avatar.spade-avatar{position:relative;display:inline-block;aspect-ratio:1 / 1;border-radius:50%;padding:0;vertical-align:middle;background:transparent;border:0;box-shadow:none}.spade-avatar.spade-avatar:hover{box-shadow:none}.spade-avatar[data-shape=rounded]{border-radius:var(--radius-lg)}.spade-avatar .spade-avatar-clip{display:block;width:100%;height:100%;aspect-ratio:1 / 1;border-radius:inherit;overflow:hidden;flex:none}.spade-avatar .spade-avatar-image{display:block;border-radius:inherit}.spade-avatar .spade-avatar-fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--spades-text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);background:var(--spades-surface)}.spade-avatar>.presence{position:absolute;right:-1px;bottom:0}.language-selector{display:inline-flex;flex-shrink:0}.language-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:0 13px;border:1px solid color-mix(in srgb,var(--spades-text-primary) 7.84%,transparent);border-radius:var(--radius-lg);background:linear-gradient(160deg,color-mix(in srgb,var(--spades-surface-hover) 70.2%,transparent),color-mix(in srgb,var(--spades-bg-tertiary) 70.2%,transparent));color:var(--spades-text-primary);font-size:var(--font-sm);font-weight:600;white-space:nowrap;box-shadow:inset 0 1px color-mix(in srgb,var(--spades-text-primary) 2.35%,transparent)}.language-trigger:hover,.language-trigger[aria-expanded=true]{background:var(--spades-surface-hover);border-color:color-mix(in srgb,var(--spades-purple) 40%,transparent);color:var(--spades-text-primary)}.language-globe{color:var(--spades-text-secondary)}.language-chevron{color:var(--spades-text-secondary);transition:transform .16s ease}.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}.language-menu{position:fixed;z-index:200;width:min(236px,calc(100vw - 16px));padding:7px;border:1px solid color-mix(in srgb,var(--spades-text-muted) 46.67%,transparent);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--spades-surface-hover),var(--spades-bg-tertiary));box-shadow:0 18px 55px color-mix(in srgb,var(--spades-shadow) 53.33%,transparent),inset 0 1px color-mix(in srgb,var(--spades-text-primary) 3.14%,transparent)}.language-menu-heading{padding:7px 10px 10px;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--spades-text-secondary)}.language-option{width:100%;min-height:58px;display:flex;align-items:center;gap:11px;padding:10px;border:1px solid transparent;border-radius:var(--radius-md);text-align:left;color:var(--spades-text-primary)}.language-option:hover,.language-option:focus-visible{background:color-mix(in srgb,var(--spades-text-primary) 3.53%,transparent);outline:none;border-color:color-mix(in srgb,var(--spades-purple) 40%,transparent)}.language-option[aria-checked=true]{background:color-mix(in srgb,var(--spades-purple) 10.98%,transparent);color:var(--spades-text-primary)}.language-code{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--spades-text-primary) 7.06%,transparent);background:color-mix(in srgb,var(--spades-text-primary) 2.35%,transparent);font-size:var(--font-xs);font-weight:800}.language-option-copy{flex:1}.language-option-copy strong{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.language-option-copy small{display:block;margin-top:2px;color:var(--spades-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}@media(max-width:700px){.language-trigger{min-height:38px;padding:0 10px;gap:6px}.language-selector--compact .language-globe{display:none}}.settings-workspace{display:flex;flex:1;min-width:0;min-height:0;height:100%;background:var(--spades-bg-primary);color:var(--spades-text-primary)}.settings-sidebar{width:240px;flex-shrink:0;overflow-y:auto;background:var(--spades-bg-secondary);border-right:1px solid var(--spades-border);padding:20px 15px}.settings-back{display:flex;align-items:center;gap:7px;color:var(--spades-text-secondary);font-size:var(--font-xs);margin-bottom:20px}.settings-user-identity{display:flex;flex-direction:column;align-items:flex-start;padding:0 var(--space-3) 18px;gap:5px}.settings-user-identity strong{margin-top:6px;font-size:var(--font-md);font-weight:var(--font-weight-semibold)}.settings-user-identity>span{color:var(--spades-text-secondary);font-size:var(--font-xs)}.settings-user-identity>button{color:var(--spades-purple);margin-top:5px;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.settings-search{display:flex;align-items:center;gap:7px;background:var(--spades-bg-tertiary);border:1px solid var(--spades-border);border-radius:var(--radius-md);padding:var(--space-2) 9px;margin-bottom:24px;color:var(--spades-text-secondary)}.settings-search input{min-width:0;width:100%;background:transparent;border:0;outline:0;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.settings-nav-group{margin:0 0 19px}.settings-nav-group h3{color:var(--spades-text-muted);margin:0 var(--space-3) 7px;letter-spacing:.02em;font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.settings-nav-group button{display:block;text-align:left;width:100%;border-radius:var(--radius-md);color:var(--spades-text-secondary);padding:9px var(--space-3);margin:2px 0;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.settings-nav-group button:hover{background:var(--spades-bg-tertiary);color:var(--spades-text-primary)}.settings-nav-group button.active{color:var(--spades-text-primary);background:linear-gradient(100deg,color-mix(in srgb,var(--spades-purple) 16.08%,transparent),color-mix(in srgb,var(--spades-blue) 5.49%,transparent));box-shadow:inset 2px 0 var(--spades-purple);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.settings-main-scroll{flex:1;min-width:0;overflow-y:auto;padding:36px clamp(20px,3vw,46px) 35px}.profile-settings-page{max-width:1100px;margin:auto;padding-bottom:78px}.profile-editor-layout{display:grid;grid-template-columns:minmax(270px,1fr) 330px;gap:36px;align-items:start}.profile-page-heading{margin-bottom:26px}.profile-page-heading .eyebrow{color:var(--spades-purple);letter-spacing:.02em;font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.profile-page-heading h1{letter-spacing:-.8px;margin:7px 0 9px;font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.profile-page-heading p{color:var(--spades-text-secondary);line-height:1.7;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.profile-visual-editor{border:1px solid var(--spades-border);border-radius:var(--radius-lg);background:var(--spades-bg-secondary);overflow:hidden;margin-bottom:28px}.profile-art-banner,.banner-uploader{height:150px;background:radial-gradient(ellipse at 80% 0,color-mix(in srgb,var(--spades-purple) 46.67%,transparent),transparent 70%),linear-gradient(120deg,var(--spades-purple),var(--spades-blue));background-size:cover;background-position:center}.banner-uploader{position:relative;height:165px}.banner-uploader-actions{position:absolute;right:12px;bottom:12px;display:flex;gap:var(--space-2)}.banner-uploader button{background:color-mix(in srgb,var(--spades-bg-primary) 74.9%,transparent);border:1px solid color-mix(in srgb,var(--spades-text-primary) 18.82%,transparent);color:var(--spades-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-2) 10px;border-radius:var(--radius-md);display:flex;align-items:center;gap:5px;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.avatar-uploader{position:relative;padding:0 18px 19px}.avatar-upload-button{width:92px;height:92px;border:4px solid var(--spades-bg-secondary);border-radius:50%;position:relative;margin-top:-35px;background:var(--spades-surface);overflow:hidden;display:block;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.avatar-upload-button img{width:100%;height:100%;object-fit:cover}.avatar-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--spades-bg-primary) 62.75%,transparent);display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s}.avatar-upload-button:hover .avatar-upload-overlay,.avatar-upload-button:focus-visible .avatar-upload-overlay{opacity:1}.avatar-uploader-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:13px}.avatar-uploader p,.banner-uploader p{font-size:var(--font-xs);color:var(--spades-text-secondary);margin-top:10px}.avatar-uploader-actions button{font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.profile-form-fields{display:flex;flex-direction:column;gap:21px}.profile-form-fields label{display:flex;flex-direction:column;gap:9px;font-size:var(--font-xs);font-weight:600}.profile-form-fields label>span{display:flex;justify-content:space-between;gap:10px}.profile-form-fields small{color:var(--spades-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.profile-form-fields input,.profile-form-fields textarea,.profile-form-fields select{background:var(--spades-bg-secondary);border:1px solid var(--spades-border);border-radius:var(--radius-md);padding:var(--space-3);color:var(--spades-text-primary);font:inherit;width:100%;outline:none;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.profile-form-fields textarea{resize:vertical;min-height:105px;line-height:1.7;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.profile-form-fields input:focus,.profile-form-fields textarea:focus,.profile-form-fields select:focus{border-color:var(--spades-purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--spades-purple) 9.41%,transparent)}.readonly-profile-field{display:flex;align-items:center;gap:6px;background:var(--spades-bg-secondary);border:1px solid var(--spades-border);border-radius:var(--radius-md);padding:10px var(--space-3);color:var(--spades-text-secondary)}.readonly-profile-field button{margin-left:auto;display:flex;gap:5px;align-items:center;color:var(--spades-purple);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.profile-field-divider{height:1px;background:var(--spades-border);margin:1px 0}.desktop-profile-preview{position:sticky;top:0;padding-top:var(--space-2)}.profile-preview-label{display:flex;align-items:center;gap:5px;font-size:var(--font-xs);color:var(--spades-text-secondary);margin-bottom:13px}.profile-preview-label>span{letter-spacing:1.6px;margin-right:auto}.profile-preview-label i{width:5px;height:5px;border-radius:50%;background:var(--spades-green)}.profile-live-card{background:var(--spades-bg-secondary);border:1px solid var(--spades-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 15px 50px color-mix(in srgb,var(--spades-shadow) 33.33%,transparent)}.profile-preview-avatar{position:relative;margin:-38px 20px 0}.profile-preview-avatar .presence{width:16px;height:16px;border:3px solid var(--spades-bg-secondary);position:absolute;bottom:4px;right:3px;border-radius:50%}.profile-live-body{padding:13px 22px 24px}.profile-live-body h2{font-size:var(--font-lg);letter-spacing:-.5px;overflow-wrap:anywhere}.profile-handle{font-size:var(--font-xs);color:var(--spades-text-secondary);margin:5px 0 9px;overflow-wrap:anywhere}.profile-presence-text{display:flex;gap:5px;align-items:center;font-size:var(--font-xs);color:var(--spades-text-secondary)}.profile-presence-text .presence{position:static;width:7px;height:7px;border-radius:50%}.presence.online{background:var(--spades-green)}.presence.away,.presence.busy{background:var(--spades-red)}.presence.offline{background:var(--spades-text-muted)}.custom-status-copy{font-size:var(--font-xs);margin-top:var(--space-3);overflow-wrap:anywhere}.profile-live-body section{border-top:1px solid var(--spades-border);margin-top:21px;padding-top:17px}.profile-live-body section h3{font-size:var(--font-xs);letter-spacing:1px;text-transform:uppercase;color:var(--spades-text-secondary);display:flex;gap:6px;align-items:center;margin-bottom:10px}.profile-live-body section p{font-size:var(--font-xs);line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.connections-preview-note{display:block;color:var(--spades-text-muted);font-size:var(--font-xs);margin-bottom:10px}.profile-integrations{display:flex;gap:6px;flex-wrap:wrap}.profile-integrations span{display:flex;align-items:center;gap:5px;font-size:var(--font-xs);padding:7px;border:1px solid var(--spades-border);border-radius:var(--radius-md);color:var(--spades-text-secondary)}.profile-connection-add{margin-top:13px;display:flex;align-items:center;gap:var(--space-1);color:var(--spades-purple);font-size:var(--font-xs)}.profile-preview-footnote{color:var(--spades-text-muted);font-size:var(--font-xs);text-align:center;margin-top:var(--space-3)}.profile-unsaved-bar{position:sticky;bottom:0;background:color-mix(in srgb,var(--spades-bg-tertiary) 96.08%,transparent);border:1px solid var(--spades-border);box-shadow:0 6px 35px color-mix(in srgb,var(--spades-shadow) 46.67%,transparent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);z-index:10;margin-top:22px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.profile-unsaved-bar>span,.profile-unsaved-bar>p{font-size:var(--font-xs);margin-right:auto}.profile-unsaved-bar button{font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.profile-notice{color:var(--spades-green);font-size:var(--font-xs);margin-top:14px}.profile-loading{color:var(--spades-text-secondary);padding:30px}.crop-backdrop{z-index:160}.crop-modal,.account-edit-modal{background:var(--spades-bg-tertiary);border:1px solid var(--spades-border);border-radius:var(--radius-lg);padding:26px;position:relative;width:min(420px,calc(100vw - 24px));max-height:90dvh;overflow:auto;box-shadow:0 30px 100px color-mix(in srgb,var(--spades-shadow) 60%,transparent)}.crop-modal h2,.account-edit-modal h2{margin-bottom:14px;font-size:var(--font-lg);font-weight:var(--font-weight-semibold);line-height:1.25}.crop-modal>p{font-size:var(--font-xs);color:var(--spades-text-secondary);display:flex;align-items:center;gap:6px;margin-bottom:20px}.crop-stage{position:relative;overflow:hidden;margin:0 auto;border-radius:var(--radius-md);background:var(--spades-bg-primary);max-width:100%}.crop-stage canvas{cursor:grab;touch-action:none;max-width:100%}.crop-stage canvas:active{cursor:grabbing}.crop-circle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 70px color-mix(in srgb,var(--spades-shadow) 60%,transparent);outline:2px solid var(--spades-text-primary);pointer-events:none}.crop-zoom{display:flex;align-items:center;gap:9px;margin:24px 0;color:var(--spades-text-secondary);font-size:var(--font-xs)}.crop-zoom input{flex:1;min-width:0;accent-color:var(--spades-purple);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.crop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.account-settings-page{max-width:760px;margin:auto}.account-settings-card{background:var(--spades-bg-secondary);border:1px solid var(--spades-border);border-radius:var(--radius-lg);padding:23px;margin-bottom:20px}.account-settings-card h2{font-size:var(--font-sm);display:flex;align-items:center;gap:var(--space-2);margin-bottom:14px}.account-settings-card>p{color:var(--spades-text-secondary);font-size:var(--font-xs);line-height:1.8;margin-bottom:18px}.account-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-card-heading button{display:flex;gap:7px;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.account-data-row{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:17px 0;border-top:1px solid var(--spades-border)}.account-data-row small{color:var(--spades-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.account-data-row p{font-size:var(--font-xs);margin-top:7px;overflow-wrap:anywhere}.account-data-row button{font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.account-edit-modal>p{color:var(--spades-text-secondary);font-size:var(--font-xs);line-height:1.8;margin-bottom:20px}.danger-settings-button{display:block;margin-top:15px;color:var(--spades-red);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.settings-mobile-menu,.mobile-profile-preview,.settings-drawer-scrim{display:none}.profile-preview-drawer{z-index:140}.profile-preview-drawer>div{width:350px;max-width:calc(100vw - 28px);position:relative;background:var(--spades-bg-primary);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--spades-border);max-height:90dvh;overflow:auto}.profile-preview-drawer .profile-preview-label{padding-right:25px}.avatar-button img{object-fit:cover}.settings-workspace button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1180px){.profile-editor-layout{grid-template-columns:minmax(0,1fr)}.desktop-profile-preview{display:none}.mobile-profile-preview{display:flex;align-items:center;gap:7px;margin-top:17px}.profile-settings-page{max-width:650px}.settings-main-scroll{padding:28px 24px}.settings-sidebar{width:220px}}@media(max-width:700px){.settings-workspace{position:relative;flex-direction:column}.settings-mobile-menu{display:flex;gap:var(--space-2);align-items:center;margin:var(--space-3) var(--space-4);align-self:flex-start;font-size:var(--font-xs)}.settings-sidebar{display:none}.settings-sidebar.open{display:block;position:absolute;top:0;bottom:0;left:0;z-index:60;width:250px;box-shadow:10px 0 45px color-mix(in srgb,var(--spades-shadow) 60%,transparent)}.settings-drawer-scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--spades-shadow) 60%,transparent);z-index:55}.settings-main-scroll{padding:14px var(--space-4) 85px}.profile-page-heading h1{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.profile-unsaved-bar{flex-wrap:wrap;padding:11px}.profile-unsaved-bar>span,.profile-unsaved-bar>p{flex-basis:100%;font-size:var(--font-xs)}.account-settings-card{padding:17px}.account-card-heading{align-items:flex-start;flex-direction:column}.profile-editor-layout{gap:20px}}.avatar-upload-controls{display:flex;align-items:flex-end;gap:17px;padding:0 20px 20px;position:relative}.edit-avatar-circle{width:80px;height:80px;border:0;border-radius:50%;margin-top:-36px;position:relative;overflow:visible;background:var(--spades-bg-tertiary);flex-shrink:0}.edit-avatar-circle>.edit-avatar-overlay{border-radius:inherit;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--spades-bg-primary) 62.75%,transparent);opacity:0;transition:.2s}.edit-avatar-circle:hover>.edit-avatar-overlay,.edit-avatar-circle:focus-visible>.edit-avatar-overlay{opacity:1}.avatar-upload-controls>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding-top:14px}.avatar-upload-controls .primary-button{display:flex;gap:6px;align-items:center;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.avatar-upload-controls small{display:block;flex-basis:100%;color:var(--spades-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.profile-remove{font-size:var(--font-xs);color:var(--spades-text-secondary);display:flex;align-items:center;gap:var(--space-1)}.profile-banner-editor .profile-art-banner{position:relative;height:165px}.profile-banner-editor .profile-art-banner>span{position:absolute;font-size:110px;line-height:1;right:25px;top:20px;color:color-mix(in srgb,var(--spades-text-primary) 7.84%,transparent)}.banner-edit-button{position:absolute;right:13px;bottom:13px;display:flex;align-items:center;gap:6px;padding:var(--space-2) 10px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--spades-bg-primary) 65.1%,transparent);border:1px solid color-mix(in srgb,var(--spades-text-primary) 20.78%,transparent);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.banner-remove-row{display:flex;justify-content:flex-end;gap:13px;align-items:center;padding:11px var(--space-4)}.banner-remove-row small{color:var(--spades-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.unsaved-profile-bar{position:sticky;bottom:0;background:color-mix(in srgb,var(--spades-bg-tertiary) 96.08%,transparent);border:1px solid var(--spades-border);box-shadow:0 6px 35px color-mix(in srgb,var(--spades-shadow) 46.67%,transparent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);z-index:10;margin-top:22px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.unsaved-profile-bar>span{font-size:var(--font-xs);margin-right:auto}.unsaved-profile-bar>div{display:flex;gap:var(--space-2)}.unsaved-profile-bar button{display:flex;gap:5px;align-items:center;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}@media(max-width:700px){.avatar-upload-controls{align-items:flex-start;gap:10px;padding:0 var(--space-3) 17px}.edit-avatar-circle{width:80px;height:80px}.avatar-upload-controls>div{gap:7px}.banner-remove-row{justify-content:space-between;padding:10px;font-size:var(--font-xs)}.unsaved-profile-bar{flex-wrap:wrap}.unsaved-profile-bar>span{flex-basis:100%;font-size:var(--font-xs)}.unsaved-profile-bar>div{margin-left:auto}}.unsaved-profile-bar{position:fixed;bottom:22px;left:calc(308px + 3vw);right:3vw;max-width:1100px;margin:0 auto}.profile-readonly-label{display:flex;flex-direction:column;gap:9px;font-size:var(--font-xs);font-weight:600}.top-profile .presence.away,.top-profile .presence.busy{background:var(--spades-red)}.top-profile .presence.offline{background:var(--spades-text-muted)}@media(max-width:1180px){.unsaved-profile-bar{left:312px;right:24px}}@media(max-width:700px){.unsaved-profile-bar{left:16px;right:16px;bottom:76px}}.profile-status-input{position:relative;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.profile-status-input .presence{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:8px;height:8px;border:0;border-radius:50%;pointer-events:none;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.profile-status-input select{padding-left:30px;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.top-profile small .presence{position:static;border:0;flex-shrink:0;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.editor-avatar-wrap{position:relative;margin-top:-36px;flex-shrink:0}.editor-avatar-wrap .edit-avatar-circle{margin-top:0}.editor-avatar-wrap>.presence{position:absolute;bottom:2px;right:3px;width:16px;height:16px;border:3px solid var(--spades-bg-secondary);border-radius:50%}.social-page.connections-page{display:flex;flex-direction:column;padding:0;overflow:hidden}.connections-page .social-heading{flex:0 0 auto;justify-content:flex-start;flex-wrap:wrap;min-height:58px;gap:var(--space-4);margin:0;padding:var(--space-3) 24px;border-bottom:1px solid var(--spades-border);background:var(--spades-bg-secondary)}.connections-page .social-title{gap:var(--space-2);padding-right:var(--space-4);border-right:1px solid var(--spades-border)}.connections-page .social-title>svg{width:20px;height:20px;color:var(--spades-text-secondary)}.connections-page .social-title h1{font-size:var(--font-md);letter-spacing:0}.connections-page .social-tabs{gap:var(--space-1);padding:0;border:0}.connections-page .social-tabs button{padding:6px var(--space-3);white-space:nowrap}.connections-page .social-tabs button:hover,.connections-page .social-tabs button[aria-selected=true]{background:var(--spades-surface-hover);color:var(--spades-text-primary)}.connections-page .social-heading>.primary-button{min-height:34px;padding:6px var(--space-3);white-space:nowrap}.connections-page .social-body{flex:1;min-height:0;max-width:none;overflow-y:auto;margin:0;padding:var(--space-3) 24px 24px}.connections-page .social-search{min-height:40px;padding:var(--space-2) var(--space-3);background:var(--spades-bg-tertiary)}.connections-page .social-section-label{margin:24px 0 var(--space-4);text-transform:none;color:var(--spades-text-secondary)}.connections-page .social-person{min-height:64px;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-top:1px solid var(--spades-border);border-bottom:0;border-radius:var(--radius-md)}.connections-page .social-person:hover,.connections-page .social-person:focus-within{background:var(--spades-surface-hover);border-top-color:transparent}.connections-page .person-copy{min-width:0}.connections-page .social-person strong{font-size:var(--font-md);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connections-page .social-person small{font-size:var(--font-sm);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connections-page .social-person .icon-button{flex-shrink:0;width:36px;height:36px;background:var(--spades-bg-tertiary);color:var(--spades-text-secondary)}.connections-page .social-person .icon-button:hover:not(:disabled){color:var(--spades-text-primary);background:var(--spades-surface)}.connections-page button:focus-visible{outline:2px solid var(--spades-purple);outline-offset:2px}@media(max-width:700px){.connections-page .social-heading{gap:var(--space-2);padding:var(--space-3) var(--space-4)}.connections-page .social-title{border-right:0;padding-right:0}.connections-page .social-tabs{order:3;flex-basis:100%;overflow-x:auto}.connections-page .social-heading>.primary-button{margin-left:auto}.connections-page .social-body{padding:var(--space-3) var(--space-4)}.connections-page .social-person{gap:var(--space-2)}}.home-sidebar-content{display:flex;flex-direction:column;flex:1;min-height:0;padding:18px 10px 0;background:var(--spades-bg-secondary)}.home-search{display:flex;align-items:center;gap:7px;background:var(--spades-bg-primary);border:1px solid var(--spades-surface-hover);border-radius:var(--radius-md);padding:var(--space-2) 10px;color:var(--spades-text-muted);margin-bottom:17px;flex-shrink:0}.home-search input{width:100%;min-width:0;outline:none;background:transparent;color:var(--spades-text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);line-height:var(--line-ui)}.home-search:focus-within{border-color:var(--spades-purple);box-shadow:0 0 0 2px color-mix(in srgb,var(--spades-purple) 10.2%,transparent)}.home-shortcuts{display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0}.home-shortcuts button{display:flex;align-items:center;text-align:left;gap:var(--space-3);padding:11px var(--space-3);border-radius:var(--radius-md);color:var(--spades-text-secondary);position:relative;font-size:var(--font-navigation);font-weight:var(--font-weight-medium);line-height:var(--line-ui)}.home-shortcuts button:hover{background:var(--spades-surface-hover);color:var(--spades-text-primary)}.home-shortcuts button.active{background:var(--spades-surface-hover);color:var(--spades-text-primary);font-size:var(--font-navigation);font-weight:var(--font-weight-medium);line-height:var(--line-ui)}.home-shortcuts button.active:before{content:"";position:absolute;left:0;height:20px;width:3px;background:var(--spades-purple);border-radius:var(--radius-sm)}.home-shortcuts button.active svg{color:var(--spades-purple)}.home-shortcuts .unread-count,.plus-glint{margin-left:auto}.plus-glint{color:var(--spades-purple)}.conversation-heading{display:flex;align-items:center;justify-content:space-between;margin:var(--space-4) var(--space-1) var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--spades-surface-hover);flex-shrink:0;text-transform:none;color:var(--spades-text-muted);letter-spacing:normal;font-size:var(--font-sidebar-label);font-weight:var(--font-weight-medium);line-height:var(--line-ui)}.conversation-scroll{flex:1;min-height:0;overflow-y:auto;padding-bottom:15px}.conversation-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px var(--space-2);text-align:left;border-radius:var(--radius-md);margin-bottom:3px;color:var(--spades-text-secondary)}.conversation-item:hover{background:var(--spades-surface)}.conversation-item{padding:0 var(--space-2);gap:var(--space-1);min-height:42px}.conversation-open{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;padding:2px 0;text-align:left}.conversation-open .contact-copy small{margin-top:2px;font-size:var(--font-xs);line-height:var(--line-caption)}.conversation-close{opacity:0;flex-shrink:0;width:28px;height:28px}.conversation-item:hover .conversation-close,.conversation-item:focus-within .conversation-close{opacity:1}@media(hover:none){.conversation-close{opacity:1}}.home-workspace .channel-sidebar{flex-basis:300px}.home-workspace .home-sidebar-content{padding:var(--space-3) var(--space-2) 0}.home-workspace .home-shortcuts button{min-height:40px;padding:var(--space-2) var(--space-3)}.home-workspace .home-user-bar{padding:var(--space-3) var(--space-2);min-height:76px}.conversation-profile{position:relative;flex:0 0 310px;min-width:0;min-height:0;overflow-y:auto;border-left:1px solid var(--spades-border);background:var(--spades-bg-tertiary)}.conversation-profile-banner{height:112px;background:linear-gradient(125deg,var(--spades-purple-strong),var(--spades-bg-tertiary));background-size:cover;background-position:center}.conversation-profile-close{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--spades-bg-primary)}.conversation-profile-body{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4) var(--space-4);min-height:calc(100% - 112px);overflow-wrap:anywhere}.conversation-profile-body>.avatar-button{margin-top:-32px}.conversation-profile-body h2{font-size:var(--font-profile-name);font-weight:var(--font-weight-bold);line-height:var(--line-profile-title);margin-top:var(--space-2)}.conversation-profile-body p{font-size:var(--font-sm);line-height:1.5;white-space:pre-wrap}.conversation-profile-handle,.conversation-profile-status{color:var(--spades-text-secondary)}.conversation-profile-body section{border-top:1px solid var(--spades-border);padding-top:var(--space-4);margin-top:var(--space-2)}.conversation-profile-body h3{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.conversation-profile-full{width:100%;margin-top:auto;flex-shrink:0}@media(max-width:1099px){.conversation-profile{position:fixed;right:0;top:64px;bottom:0;width:min(310px,85vw);z-index:45;box-shadow:-16px 0 40px color-mix(in srgb,var(--spades-shadow) 45%,transparent)}}@media(max-width:900px){.home-workspace.channels-open .channel-sidebar{width:300px}}@media(max-width:600px){.conversation-profile{top:62px;bottom:65px}.home-workspace.channels-open .channel-sidebar{width:min(300px,calc(100vw - 68px))}}.conversation-item.active{color:var(--spades-text-primary);background:var(--spades-surface-hover);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--spades-text-muted) 20%,transparent)}.contact-avatar{position:relative;flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--spades-border);border:1px solid var(--spades-purple)}.contact-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.contact-copy{min-width:0;flex:1}.contact-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-md);font-weight:var(--font-weight-medium);line-height:var(--line-ui)}.contact-copy small{display:block;margin-top:var(--space-1);color:var(--spades-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.conversation-empty{padding:20px var(--space-3);color:var(--spades-text-muted);font-size:var(--font-xs);line-height:1.8}.conversation-empty svg{color:var(--spades-text-muted);margin-bottom:10px}.conversation-empty button{color:var(--spades-text-secondary);margin-top:var(--space-3);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.home-user-bar{position:relative;flex-shrink:0;display:flex;align-items:center;gap:3px;padding:var(--space-4) var(--space-2);border-top:1px solid var(--spades-border);background:linear-gradient(110deg,var(--spades-surface),var(--spades-bg-secondary));min-height:88px}.home-user-bar .icon-button{width:32px;height:36px;flex-shrink:0}.home-user-bar .icon-button svg{width:18px;height:18px}.home-user-bar .contact-avatar{width:44px;height:44px}.home-user-bar .contact-avatar .presence{width:10px;height:10px}.channel-sidebar{container-type:inline-size}@container (max-width: 280px){.home-user-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:var(--space-3)}.home-user-bar .user-identity{grid-column:1 / -1}.home-user-bar .icon-button{width:100%;height:40px}}.user-identity{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1;text-align:left}.user-identity>span:last-child{overflow:hidden}.user-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-md);font-weight:var(--font-weight-medium);line-height:var(--line-ui)}.user-identity small{display:block;color:var(--spades-text-secondary);margin-top:2px;font-size:var(--font-xs);font-weight:var(--font-weight-medium);line-height:var(--line-caption)}.home-user-menu{position:absolute;bottom:calc(100% + 8px);left:8px;right:8px;z-index:60;padding:7px;background:var(--spades-surface);border:1px solid var(--spades-purple);border-radius:var(--radius-lg);box-shadow:0 15px 50px color-mix(in srgb,var(--spades-shadow) 60%,transparent)}.home-user-menu button{width:100%;display:flex;align-items:center;gap:9px;padding:10px;border-radius:var(--radius-md);text-align:left;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.home-user-menu button:hover{background:var(--spades-border)}.home-user-menu button:disabled{opacity:.4;cursor:default}.home-user-menu small{margin-left:auto;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.home-user-menu .danger{color:var(--spades-red)}.home-welcome{min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 28px;background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--spades-purple) 8.63%,transparent),transparent 62%)}.welcome-orbit{width:180px;height:160px;position:relative;display:grid;place-items:center;margin-bottom:26px}.welcome-orbit:before,.welcome-orbit:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid color-mix(in srgb,var(--spades-purple) 17.25%,transparent);border-radius:50%;transform:rotate(-30deg) scaleX(1.16)}.welcome-orbit:after{top:22px;right:22px;bottom:22px;left:22px;transform:rotate(30deg) scaleX(1.2)}.welcome-orbit>img{width:74px;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--spades-purple) 31.37%,transparent))}.orbit-message{position:absolute;right:0;bottom:5px;background:var(--spades-surface-hover);padding:var(--space-3);border:1px solid var(--spades-text-muted);border-radius:var(--radius-lg);color:var(--spades-purple);transform:rotate(8deg)}.orbit-star{position:absolute;top:8px;left:0;font-size:25px;color:var(--spades-purple)}.home-welcome .eyebrow{color:var(--spades-text-secondary);letter-spacing:.02em;font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.home-welcome h1{letter-spacing:-1px;margin:var(--space-4) 0 14px;font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.home-welcome>p{max-width:420px;font-size:var(--font-sm);line-height:1.9;color:var(--spades-text-secondary)}.home-welcome .empty-actions{margin-top:28px;justify-content:center}.welcome-note{margin-top:42px;font-size:var(--font-xs);color:var(--spades-text-muted);display:flex;gap:var(--space-2);align-items:center}.welcome-note i{width:5px;height:5px;background:var(--spades-text-muted);border-radius:50%}.conversation-header{height:56px;flex-shrink:0;gap:var(--space-3)}.conversation-title{text-align:left;min-width:0}.conversation-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-md);font-weight:var(--font-weight-medium);line-height:var(--line-ui)}.conversation-title small{display:flex;align-items:center;gap:6px;margin-top:2px;color:var(--spades-text-secondary);font-size:var(--font-xs);font-weight:var(--font-weight-normal);line-height:var(--line-caption)}.offline-dot{width:6px;height:6px;border-radius:50%;background:var(--spades-text-muted)}.header-divider{height:22px;width:1px;background:var(--spades-border);margin:0 5px}.conversation-header .chat-header-actions{margin-left:auto}.social-page,.discovery-page{flex:1;min-height:0;overflow:auto;padding:32px 36px;color:var(--spades-text-primary)}.social-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.social-title{display:flex;gap:14px;align-items:center}.social-title>svg{color:var(--spades-purple)}.social-title h1{letter-spacing:-.6px;font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.social-title p{font-size:var(--font-xs);color:var(--spades-text-muted);margin-top:6px}.social-tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--spades-border);padding-bottom:13px}.social-tabs button{padding:9px var(--space-4);border-radius:var(--radius-md);color:var(--spades-text-secondary);display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.social-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--spades-purple) 13.33%,transparent);color:var(--spades-purple);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.social-tabs b{font-size:var(--font-xs);background:var(--spades-purple);border-radius:var(--radius-md);padding:2px 5px}.social-body{max-width:1000px;margin-top:25px}.social-search{display:flex;align-items:center;gap:10px;border:1px solid var(--spades-border);background:var(--spades-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3);color:var(--spades-text-muted)}.social-search input{flex:1;min-width:0;outline:none;background:none;color:var(--spades-text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.social-search:focus-within{border-color:var(--spades-purple)}.social-section-label{text-transform:uppercase;color:var(--spades-text-muted);margin:26px 0 10px;letter-spacing:.02em;font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.social-person{display:flex;align-items:center;gap:13px;padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--spades-surface-hover)}.social-person:hover{background:color-mix(in srgb,var(--spades-purple) 1.96%,transparent)}.social-person>span:not(.preview-tag),.person-copy{flex:1;text-align:left}.social-person strong{font-size:var(--font-sm);display:block}.social-person small{display:block;color:var(--spades-text-muted);margin-top:var(--space-1);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.social-person .icon-button{background:var(--spades-surface);border-radius:50%;width:34px;height:34px}.social-empty{text-align:center;padding:70px 25px;color:var(--spades-text-muted)}.social-empty svg{margin:0 auto 22px;color:var(--spades-purple)}.social-empty h2{font-size:var(--font-lg);color:var(--spades-text-primary);margin-bottom:var(--space-3)}.social-empty p{font-size:var(--font-xs);line-height:1.8}.social-footnote{font-size:var(--font-xs);color:var(--spades-text-secondary);line-height:1.9;margin:24px 0}.discovery-page{max-width:1300px;width:100%;margin:0 auto}.discovery-hero{border:1px solid color-mix(in srgb,var(--spades-purple) 33.33%,transparent);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--spades-purple) 28.63%,transparent),transparent 70%),linear-gradient(115deg,var(--spades-surface),var(--spades-bg-tertiary));padding:37px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;min-height:235px}.preview-tag{display:inline-flex;font-size:var(--font-xs);letter-spacing:1px;padding:5px var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--spades-purple) 7.84%,transparent);color:var(--spades-text-secondary);border:1px solid color-mix(in srgb,var(--spades-text-muted) 20%,transparent)}.discovery-hero h1{display:flex;align-items:center;gap:13px;margin:18px 0 13px;letter-spacing:-1px;font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.discovery-hero p{color:var(--spades-text-secondary);font-size:var(--font-sm)}.discovery-emblem{position:relative;flex-shrink:0;width:130px;transform:rotate(10deg)}.discovery-emblem img{width:90px;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--spades-purple) 40%,transparent))}.discovery-emblem span{position:absolute;right:0;top:-10px;color:var(--spades-purple);font-size:40px}.discovery-page>h2{font-size:var(--font-md);margin:28px 0 20px}.benefit-grid,.store-grid,.challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:24px}.benefit-grid article,.cosmetic-card,.challenge-grid article{border:1px solid var(--spades-border);border-radius:var(--radius-lg);background:linear-gradient(140deg,color-mix(in srgb,var(--spades-surface) 33.33%,transparent),var(--spades-bg-secondary));padding:24px}.benefit-grid svg,.challenge-grid svg{color:var(--spades-purple);margin-bottom:22px}.benefit-grid h3,.cosmetic-card h3,.challenge-grid h3{font-size:var(--font-sm);font-weight:600;margin-bottom:var(--space-2)}.benefit-grid small,.cosmetic-card p,.challenge-grid p,.challenge-grid small{color:var(--spades-text-secondary);line-height:1.8;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.cosmetic-art{height:125px;display:grid;place-items:center;color:var(--spades-purple);background:radial-gradient(ellipse,color-mix(in srgb,var(--spades-purple) 20%,transparent),transparent 70%);margin-bottom:22px}.cosmetic-avatar{padding:18px;border:3px double var(--spades-purple);border-radius:50%;box-shadow:0 0 24px color-mix(in srgb,var(--spades-purple) 22.75%,transparent)}.cosmetic-avatar img{width:47px}.cosmetic-1 .cosmetic-art{color:var(--spades-blue)}.cosmetic-card .preview-tag{margin-top:17px}.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge-grid .preview-tag{float:right}.challenge-progress{height:5px;border-radius:var(--radius-sm);background:var(--spades-border);margin:24px 0 10px;overflow:hidden}.challenge-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--spades-purple),var(--spades-blue))}.new-conversation-dialog{position:relative;width:min(440px,calc(100vw - 32px));padding:28px;border:1px solid var(--spades-purple);border-radius:var(--radius-lg);background:var(--spades-bg-tertiary);box-shadow:0 20px 90px color-mix(in srgb,var(--spades-shadow) 66.67%,transparent)}.new-conversation-dialog h2{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);line-height:1.25}.new-conversation-dialog>p{font-size:var(--font-xs);color:var(--spades-text-secondary);margin:10px 0 22px}.new-conversation-list{max-height:310px;overflow:auto;margin:15px 0}.new-conversation-dialog>.secondary-button{width:100%;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.home-mobile-heading{display:none}.live-content>.home-welcome{overflow:auto}@media(max-width:1100px){.social-page,.discovery-page{padding:25px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-hero{padding:28px}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.home-mobile-heading{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--spades-border);padding:10px 15px;font-size:var(--font-xs);letter-spacing:2px;flex-shrink:0}.home-welcome{padding:25px}.welcome-orbit{width:135px;height:120px;margin-bottom:18px}.welcome-orbit>img{width:60px}}@media(max-width:600px){.social-page,.discovery-page{padding:20px var(--space-4)}.social-heading{align-items:flex-start;flex-wrap:wrap}.social-heading .primary-button{font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.social-tabs{gap:3px;overflow:auto}.social-tabs button{padding:var(--space-2) 10px;white-space:nowrap;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.social-title h1,.home-welcome h1{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.home-welcome .empty-actions{flex-wrap:wrap}.home-welcome>p{font-size:var(--font-xs)}.conversation-header{padding:var(--space-3);gap:var(--space-2)}.conversation-header .avatar-button{width:30px!important;height:30px!important}.conversation-title strong{max-width:110px;font-size:var(--font-md);font-weight:var(--font-weight-semibold)}.conversation-header .chat-header-actions{gap:3px}.conversation-header .header-divider{display:none}.conversation-header .icon-button{width:28px}.discovery-hero{padding:24px}.discovery-hero h1{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.discovery-emblem{display:none}.benefit-grid,.store-grid,.challenge-grid{grid-template-columns:1fr}.social-empty{padding:48px var(--space-3)}.welcome-note{margin-top:25px}}.settings-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:25px}.settings-section-nav{display:flex;flex-direction:column;gap:3px}.settings-section-nav button{padding:10px var(--space-3);border-radius:var(--radius-md);text-align:left;color:var(--spades-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.settings-section-nav button.active{background:color-mix(in srgb,var(--spades-purple) 13.33%,transparent);color:var(--spades-purple);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.settings-section-content{min-width:0}.settings-section-content>h2{font-size:var(--font-md);margin-bottom:20px}.settings-section-content .settings-card p{margin-top:15px}@media(max-width:700px){.settings-layout{grid-template-columns:1fr}.settings-section-nav{flex-direction:row;overflow-x:auto}.settings-section-nav button{white-space:nowrap;flex-shrink:0;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}}.status-user-menu,.status-submenu,.status-custom-modal{box-sizing:border-box;color:var(--spades-text-primary);background:var(--spades-bg-secondary);border:1px solid var(--spades-border);border-radius:var(--radius-lg);box-shadow:0 12px 36px color-mix(in srgb,var(--spades-shadow) 35%,transparent);padding:var(--space-2);animation:status-enter .16s ease-out}.status-user-menu,.status-submenu{position:fixed;z-index:1100;width:min(304px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow-y:auto}.status-submenu{width:min(320px,calc(100vw - 16px))}.status-profile-summary{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-3)}.status-profile-summary>.spade-avatar{margin-bottom:var(--space-2)}.status-profile-summary strong{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.status-profile-summary>span:not(.spade-avatar){color:var(--spades-text-secondary);font-size:var(--font-xs)}.status-profile-summary p{font-size:var(--font-sm);line-height:1.5;margin:var(--space-2) 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.status-user-menu button,.status-submenu button{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-3);color:var(--spades-text-secondary);background:transparent;border:0;border-radius:var(--radius-md);font-size:var(--font-sm);text-align:left;cursor:pointer}.status-user-menu button:hover,.status-submenu button:hover,.status-submenu [aria-checked=true]{background:var(--spades-surface-hover);color:var(--spades-text-primary)}.status-user-menu button:focus-visible,.status-submenu button:focus-visible,.status-custom-modal :focus-visible{outline:2px solid var(--spades-focus);outline-offset:-2px}.status-user-menu button>span,.status-option>span{flex:1;min-width:0;overflow-wrap:anywhere}.status-user-menu .status-custom-trigger{background:var(--spades-surface);font-size:var(--font-xs);min-height:48px}.status-menu-actions{margin:var(--space-2) 0;padding:var(--space-2) 0;border-top:1px solid var(--spades-border);border-bottom:1px solid var(--spades-border)}.status-dot{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--spades-text-muted)}.status-dot.status-online{background:var(--spades-green)}.status-dot.status-idle{background:var(--spades-yellow)}.status-dot.status-dnd{background:var(--spades-red);position:relative}.status-dot.status-dnd:after{content:"";position:absolute;height:2px;top:4px;right:2px;bottom:4px;left:2px;background:var(--spades-bg-secondary)}.status-dot.status-invisible{background:transparent;border:2px solid var(--spades-text-muted);box-sizing:border-box}.status-option{align-items:flex-start!important;min-height:70px}.status-option .status-dot{margin-top:4px}.status-option strong,.status-option small{display:block}.status-option strong{font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.status-option small{font-size:var(--font-xs);font-weight:var(--font-weight-normal);color:var(--spades-text-muted);margin-top:var(--space-1);line-height:1.45}.status-option>svg{flex-shrink:0;color:var(--spades-purple)}.status-user-menu .status-logout,.status-error{color:var(--spades-red)}.status-account-notice,.status-error{font-size:var(--font-xs);line-height:1.5;margin:var(--space-2) var(--space-3)}.status-account-notice{color:var(--spades-text-muted)}.status-modal-backdrop{position:fixed;z-index:1200;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--spades-shadow) 60%,transparent)}.status-custom-modal{width:min(420px,100%);padding:24px;max-height:calc(100dvh - 32px);overflow-y:auto}.status-custom-modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.status-custom-modal h2{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);margin:0}.status-custom-modal label{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-4)}.status-custom-modal input,.status-custom-modal select{box-sizing:border-box;width:100%;height:44px;padding:var(--space-3);border:1px solid var(--spades-border);border-radius:var(--radius-md);background:var(--spades-bg-primary);color:var(--spades-text-primary);font-size:var(--font-sm)}.status-custom-inputs{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.status-custom-inputs>input:first-child{width:60px;flex-shrink:0;text-align:center}.status-custom-modal select{margin-top:var(--space-2)}.status-custom-modal>small{color:var(--spades-text-muted);display:block;text-align:right;margin-top:var(--space-1);font-size:var(--font-xs)}.status-custom-modal button{border:0;background:transparent;color:var(--spades-text-secondary);border-radius:var(--radius-md);padding:10px;cursor:pointer;font-size:var(--font-sm)}.status-custom-modal footer{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:24px}.status-custom-modal footer>button:first-child{margin-right:auto}.status-custom-modal .status-save{background:var(--spades-purple-strong);color:var(--spades-text-primary);padding:10px var(--space-4);font-weight:var(--font-weight-semibold)}.status-custom-modal button:disabled,.status-submenu button:disabled{opacity:.6;cursor:wait}@keyframes status-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.status-user-menu,.status-submenu,.status-custom-modal{animation:none}}.add-server-dialog{position:relative;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px 24px 24px;border:1px solid var(--spades-border);border-radius:var(--radius-lg);background:var(--spades-bg-secondary);color:var(--spades-text-primary);box-shadow:0 24px 80px color-mix(in srgb,var(--spades-shadow) 45%,transparent);text-align:center}.add-server-logo{display:block;width:44px;height:44px;margin:0 auto var(--space-3)}.add-server-dialog h2{margin:0;font-size:var(--font-lg);font-weight:600}.add-server-dialog p{margin:var(--space-2) 0 24px;font-size:var(--font-sm);color:var(--spades-text-secondary);line-height:1.5}.add-server-option{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-3) var(--space-4);border:1px solid var(--spades-border);border-radius:var(--radius-md);background:var(--spades-surface);color:var(--spades-text-primary);font-size:var(--font-sm);font-weight:600;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.add-server-option:hover{background:var(--spades-surface-hover);border-color:var(--spades-purple)}.add-server-option:focus-visible{outline:2px solid var(--spades-purple);outline-offset:3px}.add-server-option>svg{margin-left:auto;flex-shrink:0;color:var(--spades-text-muted)}.add-server-option-icon{display:grid;place-items:center;color:var(--spades-purple);flex-shrink:0}.add-server-invite{margin-top:24px;padding-top:var(--space-4);border-top:1px solid var(--spades-border)}.add-server-invite h3{margin:0 0 var(--space-3);font-size:var(--font-sm);font-weight:600;color:var(--spades-text-secondary)}@media(max-width:480px){.add-server-dialog{padding:24px var(--space-4)}}.call-panel{background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--spades-border) 13.33%,transparent),transparent 70%),var(--spades-bg-secondary);padding:var(--space-4) 20px}.call-participants{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;margin-top:14px}.call-person{display:flex;align-items:center;gap:var(--space-3);padding:14px;background:var(--spades-surface);border:1px solid var(--spades-border);border-radius:var(--radius-lg);min-width:0}.call-person-self{border-color:color-mix(in srgb,var(--spades-purple) 40%,transparent)}.call-person>div{flex:1;min-width:0}.call-person strong{display:block;font-size:var(--font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-person strong small{color:var(--spades-text-secondary);margin-left:5px;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.call-person span{display:block;font-size:var(--font-xs);color:var(--spades-text-secondary);margin-top:5px}.call-person>svg{color:var(--spades-text-secondary);flex-shrink:0}.call-connection{width:7px;height:7px;border-radius:50%;background:var(--spades-text-secondary);flex-shrink:0}.call-connection.connected{background:var(--spades-green);box-shadow:0 0 9px color-mix(in srgb,var(--spades-green) 33.33%,transparent)}.voice-members{list-style:none;margin:var(--space-1) 0 10px;padding:0 14px 0 28px}.voice-members li{display:flex;align-items:center;gap:var(--space-2);padding:6px 0;color:var(--spades-text-secondary);min-width:0;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.voice-members .spade-avatar{outline:2px solid transparent;outline-offset:2px;transition:outline-color .12s ease,box-shadow .12s ease}.voice-members .is-speaking>.spade-avatar{outline-color:var(--spades-green);box-shadow:0 0 8px color-mix(in srgb,var(--spades-green) 25.1%,transparent)}.voice-members li>span:not(.spade-avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.share-dialog{position:relative;width:min(620px,calc(100vw - 32px));max-width:620px;padding:30px;background:linear-gradient(145deg,var(--spades-surface-hover),var(--spades-bg-secondary) 65%);border:1px solid var(--spades-purple);border-radius:var(--radius-lg);box-shadow:0 24px 90px color-mix(in srgb,var(--spades-shadow) 60%,transparent)}.share-close{position:absolute;top:16px;right:16px}.share-emblem{display:inline-flex;padding:15px;border:1px solid color-mix(in srgb,var(--spades-purple) 33.33%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--spades-purple) 13.33%,transparent);color:var(--spades-purple);margin-bottom:18px}.share-dialog h2{margin-bottom:10px;font-size:var(--font-lg);font-weight:var(--font-weight-semibold);line-height:1.25}.share-dialog>p{color:var(--spades-text-secondary);font-size:var(--font-sm);line-height:1.7}.share-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 18px}.share-choices button{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:18px 14px;border:1px solid var(--spades-border);border-radius:var(--radius-lg);background:var(--spades-bg-secondary);text-align:left;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.share-choices button[aria-pressed=true]{background:color-mix(in srgb,var(--spades-purple) 12.55%,transparent);border-color:var(--spades-purple);box-shadow:0 0 0 1px var(--spades-purple);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.share-choices svg{color:var(--spades-purple)}.share-choices strong{font-size:var(--font-sm)}.share-choices small{color:var(--spades-text-secondary);line-height:1.6;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.share-browser-note{padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--spades-text-primary) 1.57%,transparent)}.share-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:24px}.share-actions .primary-button{display:flex;align-items:center;gap:10px;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}@media(max-width:540px){.share-dialog{padding:22px}.share-choices{grid-template-columns:1fr}.share-choices button{display:grid;grid-template-columns:30px 1fr;gap:6px var(--space-3);padding:13px;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.share-choices svg{grid-row:span 2}.share-actions{flex-direction:column-reverse}.share-actions button{justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.call-panel{padding:var(--space-3)}}.voice-speaking{border-color:var(--spades-purple)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--spades-purple) 25.1%,transparent)}.screen-tile:fullscreen{display:flex;flex-direction:column;justify-content:center;background:var(--spades-bg-primary)}.screen-tile:fullscreen video{max-height:calc(100dvh - 80px);flex:1}.screen-tile>div{flex-wrap:wrap;gap:var(--space-2)}.voice-sharing{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) 0;font-size:var(--font-xs);color:var(--spades-text-secondary)}.share-dialog select{display:block;width:100%;padding:var(--space-3);margin:var(--space-2) 0 18px;background:var(--spades-bg-secondary);color:var(--spades-text-primary);border:1px solid var(--spades-border);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.call-participant img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.live-content--in-call{flex-direction:row;flex-wrap:wrap}.live-content--in-call>.connection-banner{flex-basis:100%}.live-content--in-call>.chat-panel,.live-content--in-call>.secondary-view{display:none}.live-content--in-call.call-chat-open>.chat-panel{display:flex;flex:0 0 min(36%,420px);border-left:1px solid color-mix(in srgb,var(--spades-text-primary) 7.06%,transparent)}.call-stage.call-panel{flex:1;min-height:0;min-width:0;max-height:none;overflow:hidden;display:flex;flex-direction:column;padding:0;background:radial-gradient(ellipse at 50% 10%,color-mix(in srgb,var(--spades-surface-hover) 33.33%,transparent),transparent 70%),var(--spades-bg-primary)}.call-stage-header{min-height:64px;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--spades-text-primary) 4.31%,transparent);flex-shrink:0}.call-stage-heading{display:flex;gap:var(--space-3);align-items:center;min-width:0}.call-stage-symbol{width:38px;height:38px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--spades-purple) 16.47%,transparent);border-radius:var(--radius-lg);color:var(--spades-purple);background:color-mix(in srgb,var(--spades-purple) 7.06%,transparent);flex-shrink:0}.call-stage-heading h2{margin-bottom:var(--space-1);font-size:var(--font-lg);font-weight:var(--font-weight-semibold)}.stage-status{color:var(--spades-text-secondary);display:inline-flex;align-items:center;gap:6px;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.stage-status i{width:6px;height:6px;border-radius:50%;background:var(--spades-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.stage-status.connected{color:var(--spades-green);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.stage-status.connected i{background:var(--spades-green);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.call-stage-actions{display:flex;gap:var(--space-2);align-items:center}.call-stage-actions .icon-button{width:36px;height:36px;border-radius:var(--radius-md)}.call-stage-actions button[aria-pressed=true]{background:color-mix(in srgb,var(--spades-purple) 16.47%,transparent);color:var(--spades-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.stage-count{display:flex;align-items:center;gap:7px;color:var(--spades-text-secondary);font-size:var(--font-xs);margin-right:6px}.call-stage-body{flex:1;min-height:0;container-type:size;overflow:auto;display:flex;flex-direction:column;justify-content:safe center;gap:22px;padding:clamp(14px,3vw,34px)}.call-stage .call-participants{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;gap:var(--space-3);margin:0 auto;width:100%;max-width:1280px}.call-stage .call-person{position:relative;width:min(calc(50% - 6px),calc((100cqh - 12px)*.8));min-width:0;aspect-ratio:16 / 10;min-height:170px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--spades-text-muted) 13.33%,transparent),transparent 70%),var(--spades-surface);border:1px solid color-mix(in srgb,var(--spades-text-primary) 5.1%,transparent);border-radius:var(--radius-lg);padding:24px;overflow:hidden}.call-stage .call-person:only-child{width:min(100%,720px,160cqh)}.call-stage .call-participants[data-count=many] .call-person{width:min(calc(50% - 6px),calc((100cqh - 24px)*.533))}.call-stage .call-participants[data-count=many]{max-width:min(1280px,calc((100cqh - 24px)*1.066 + 12px))}.call-stage .call-person{min-height:130px;padding:clamp(var(--space-3),3cqh,24px);gap:var(--space-2)}.call-stage .call-person:nth-child(3n+2){background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--spades-blue) 13.33%,transparent),transparent 70%),var(--spades-surface)}.call-stage .call-person:nth-child(3n){background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--spades-text-muted) 13.33%,transparent),transparent 70%),var(--spades-surface-hover)}.call-stage .call-person .spade-avatar{box-shadow:0 12px 40px color-mix(in srgb,var(--spades-shadow) 26.67%,transparent)}.call-stage .call-person>div{flex:none;max-width:100%;text-align:center}.call-stage .call-person strong{font-size:var(--font-channel)}.call-stage .call-person .participant-caption{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);background:color-mix(in srgb,var(--spades-bg-primary) 65.1%,transparent);border-radius:var(--radius-md);padding:6px 9px;text-align:left}.participant-caption strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-md);font-weight:var(--font-weight-semibold)}.call-stage .participant-caption span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.call-stage .call-person .participant-badges{top:12px;bottom:auto}.call-audio-settings{position:relative}.call-audio-settings summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:3px;width:46px;height:46px;border-radius:var(--radius-lg);cursor:pointer;color:var(--spades-text-secondary);background:color-mix(in srgb,var(--spades-text-primary) 3.14%,transparent);border:1px solid color-mix(in srgb,var(--spades-text-primary) 4.31%,transparent)}.call-audio-settings summary::-webkit-details-marker{display:none}.call-audio-settings[open] summary,.call-audio-settings summary:hover{background:color-mix(in srgb,var(--spades-purple) 16.47%,transparent);color:var(--spades-text-primary)}.call-audio-settings summary:focus-visible{outline:2px solid var(--spades-purple);outline-offset:3px}.call-audio-popover{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);width:min(310px,calc(100vw - 40px));padding:18px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--spades-purple) 28.63%,transparent);background:var(--spades-bg-tertiary);box-shadow:0 16px 50px color-mix(in srgb,var(--spades-shadow) 53.33%,transparent);z-index:30;text-align:left}.call-audio-popover h3{font-size:var(--font-channel);margin-bottom:var(--space-4)}.call-audio-popover label{display:block;color:var(--spades-text-secondary);font-size:var(--font-xs);margin-top:var(--space-3)}.call-audio-popover select{display:block;width:100%;margin-top:6px;background:var(--spades-bg-secondary);color:var(--spades-text-primary);border:1px solid color-mix(in srgb,var(--spades-text-primary) 12.55%,transparent);border-radius:var(--radius-md);padding:9px;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.call-audio-popover select:disabled{opacity:.55}.call-audio-popover p{font-size:var(--font-xs);line-height:1.5;color:var(--spades-text-secondary);margin-top:14px}.call-stage .call-person span{font-size:var(--font-xs);color:var(--spades-text-secondary)}.call-stage .call-person>svg{position:absolute;right:16px;bottom:16px}.call-stage .voice-speaking{border-color:var(--spades-green)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--spades-green) 40%,transparent),0 0 24px color-mix(in srgb,var(--spades-green) 3.92%,transparent)}.participant-badges{position:absolute;right:12px;bottom:12px;display:flex;gap:5px}.participant-badges svg{background:color-mix(in srgb,var(--spades-shadow) 33.33%,transparent);padding:5px;box-sizing:content-box;border-radius:var(--radius-md);color:var(--spades-text-secondary)}.call-stage-footer{flex-shrink:0;padding:14px 18px 20px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);border-top:1px solid color-mix(in srgb,var(--spades-text-primary) 3.14%,transparent);background:var(--spades-bg-primary)}.call-stage .call-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:var(--space-2);border:1px solid color-mix(in srgb,var(--spades-text-primary) 3.92%,transparent);border-radius:var(--radius-lg);background:var(--spades-bg-tertiary)}.call-stage .call-controls .icon-button{width:46px;height:46px;border:1px solid color-mix(in srgb,var(--spades-text-primary) 4.31%,transparent);border-radius:var(--radius-lg);background:var(--spades-surface-hover)}.call-stage .call-controls .icon-button:hover{background:var(--spades-border)}.call-stage .call-controls .icon-button[aria-pressed=true]{color:var(--spades-red);background:color-mix(in srgb,var(--spades-red) 20%,transparent)}.call-stage .call-controls .secondary-button{min-height:46px;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.call-stage .call-controls .danger,.call-stage .hangup-button{width:64px;height:46px;background:var(--spades-red)!important;color:var(--spades-text-primary);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.call-stage .screen-grid{margin:0 auto;width:100%;max-width:1280px}.call-stage .screen-grid:empty{display:none}.call-stage .screen-tile{border-radius:var(--radius-lg);background:var(--spades-bg-primary);border:1px solid color-mix(in srgb,var(--spades-purple) 26.67%,transparent);overflow:hidden;min-height:180px}.call-stage .screen-tile video{max-height:56dvh;width:100%;object-fit:contain}.call-stage .has-screen .call-person{min-height:110px;aspect-ratio:auto;width:160px!important;padding:18px var(--space-3);gap:var(--space-2)}.call-stage .has-screen .call-person strong{font-size:var(--font-xs)}.call-stage .has-screen .participant-badges{top:8px;right:8px;bottom:auto}.call-stage .has-screen .call-person span{display:none}.stage-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4);padding:28px}.stage-empty>svg{color:var(--spades-purple);padding:var(--space-4);width:72px;height:72px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--spades-purple) 9.02%,transparent)}.stage-empty h3{font-size:var(--font-lg)}.stage-empty p{max-width:400px;color:var(--spades-text-secondary);font-size:var(--font-sm);line-height:1.6}.stage-empty-actions{display:flex;gap:10px}.call-stage .voice-sharing{justify-content:center;padding:0;font-size:var(--font-xs)}.call-volume{display:flex;align-items:center;gap:10px;font-size:var(--font-xs);color:var(--spades-text-secondary)}.call-volume input{width:100px;accent-color:var(--spades-purple);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}@media(max-width:900px){.call-stage .call-participants[data-count=many] .call-person{width:calc(50% - 6px)}.live-content--in-call.call-chat-open>.chat-panel{flex-basis:42%}}@media(max-width:620px){.live-content--in-call{flex-direction:column;flex-wrap:nowrap}.live-content--in-call.call-chat-open>.chat-panel{flex:1;min-height:220px}.call-chat-open .call-stage{flex:0 0 48%}.call-stage-header{padding:var(--space-3);min-height:65px}.call-stage-symbol{display:none}.stage-count{margin-right:0}.call-stage .call-person{min-height:145px;padding:20px 10px}.call-stage .call-person .spade-avatar{box-shadow:0 12px 40px color-mix(in srgb,var(--spades-shadow) 26.67%,transparent)}.call-stage .call-person strong{font-size:var(--font-sm)}.call-stage .call-person span{font-size:var(--font-xs)}.call-stage-footer{padding:10px}.call-stage .call-controls{gap:6px}.call-stage .call-controls .icon-button{width:40px;height:42px}.call-stage .call-controls .secondary-button{min-height:42px;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.call-stage .call-controls .danger{width:48px}.call-audio-settings summary{width:36px;height:42px}.call-stage .call-controls .secondary-button{padding:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}}.call-grid{flex:1;min-height:0;width:100%;overflow:auto;display:flex;align-items:safe center;justify-content:center}.call-grid--mini{flex:0 0 auto;min-height:110px}.call-stage .call-grid .call-participants{max-height:none}.call-stage .call-grid .call-person{width:var(--tile-width)!important;height:var(--tile-height);min-height:100px;aspect-ratio:auto;flex-shrink:0}.call-stage .call-person{transition:border-color .12s,box-shadow .12s;animation:call-tile-enter .18s ease-out}@keyframes call-tile-enter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.call-stage .call-person{animation:none;transition:none}}.call-stage .participant-focus{border:0;padding:0;background:transparent;cursor:pointer;border-radius:50%}.call-stage .participant-caption{display:flex;gap:5px;align-items:center;max-width:calc(100% - 58px)!important}.call-stage .participant-caption strong{min-width:0;font-size:var(--font-md);font-weight:var(--font-weight-semibold)}.call-stage .participant-caption svg{flex-shrink:0}.call-stage .participant-menu-trigger{position:absolute;right:10px;bottom:10px;width:30px;height:30px;opacity:0;background:color-mix(in srgb,var(--spades-bg-primary) 50.2%,transparent);border-radius:var(--radius-md);transition:opacity .12s}.call-person:hover .participant-menu-trigger,.call-person:focus-within .participant-menu-trigger,.participant-menu-trigger[aria-expanded=true]{opacity:1}@media(hover:none){.call-stage .participant-menu-trigger{opacity:1}}.call-stage button:focus-visible,.participant-menu button:focus-visible,.participant-menu input:focus-visible{outline:2px solid var(--spades-purple);outline-offset:3px}.participant-menu{position:fixed;width:min(270px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;z-index:1000;padding:var(--space-2);background:var(--spades-bg-tertiary);color:var(--spades-text-primary);border:1px solid color-mix(in srgb,var(--spades-purple) 26.67%,transparent);border-radius:var(--radius-lg);box-shadow:0 16px 48px color-mix(in srgb,var(--spades-shadow) 53.33%,transparent)}.participant-menu button{display:block;width:100%;padding:10px;text-align:left;border:0;background:transparent;color:inherit;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.participant-menu button:hover{background:color-mix(in srgb,var(--spades-purple) 16.47%,transparent)}.participant-menu .destructive{color:var(--spades-red)}.participant-volume{display:block;font-size:var(--font-xs);padding:var(--space-3) 10px;border-block:1px solid color-mix(in srgb,var(--spades-text-primary) 6.27%,transparent);margin-block:var(--space-1)}.participant-volume input{width:100%;margin-top:var(--space-2);accent-color:var(--spades-purple);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.participant-menu textarea{display:block;width:100%;margin-top:10px;min-height:90px;padding:10px;border-radius:var(--radius-md);background:var(--spades-bg-primary);color:inherit;border:1px solid color-mix(in srgb,var(--spades-text-primary) 12.55%,transparent);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.participant-reconnecting{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--spades-bg-primary) 73.33%,transparent);display:grid;place-items:center;color:var(--spades-yellow);font-size:var(--font-sm)}.participant-quality{position:absolute;top:10px;left:10px;color:var(--spades-yellow);font-size:var(--font-xs)}.participant-spotlight{width:100%;flex:1;min-height:150px;display:flex;justify-content:center}.call-stage .participant-spotlight .call-person{width:min(100%,1000px);height:100%;aspect-ratio:auto;min-height:150px}.focus-back{align-self:flex-start;flex-shrink:0}.screen-grid--previews{display:flex;gap:var(--space-3);flex-wrap:wrap;flex:0 0 auto}.call-stage .screen-tile--preview{width:min(300px,100%);min-height:140px;position:relative}.call-stage .screen-tile--preview video{height:160px;width:100%}.call-stage .screen-tile--preview .screen-caption{padding:10px;flex-wrap:wrap;gap:var(--space-2)}.screen-grid--focused{display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-height:160px;overflow:auto}.screen-grid--focused .screen-tile--focused{flex:1;order:-1}.screen-grid--focused .screen-tile--preview{flex-shrink:0}.screen-live{background:var(--spades-red);color:var(--spades-text-primary);border-radius:var(--radius-sm);padding:2px 5px;font-size:var(--font-xs);margin-right:5px}.call-stage .screen-tile:fullscreen{display:flex;flex-direction:column;width:100vw;height:100dvh}.call-stage .screen-tile:fullscreen video{max-height:none;flex:1;min-height:0}.call-stage .participant-spotlight .call-person{width:min(100%,1000px)!important}.share-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:18px 0}.share-preset-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.share-preset-grid button[aria-pressed=true]{border-color:var(--spades-purple);background:color-mix(in srgb,var(--spades-purple) 15.29%,transparent);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.share-preset-grid span{font-size:var(--font-xs);color:var(--spades-text-secondary)}.call-stage .screen-grid--previews{display:flex;flex-wrap:wrap}.call-stage .screen-grid--focused{display:flex;flex-direction:column;flex:1;min-height:150px;overflow:hidden}.call-stage .screen-tile--focused{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;flex:1}.call-stage .screen-tile--focused video{flex:1;height:0;min-height:0;max-height:none;object-fit:contain}.call-stage .screen-tile--focused .screen-caption{flex-shrink:0;padding:10px;gap:var(--space-2);flex-wrap:wrap}.call-stage .has-screen{justify-content:flex-start;gap:var(--space-3);padding:var(--space-4)}.focus-navigation{display:flex;flex-wrap:wrap;gap:var(--space-2);flex-shrink:0}.call-stage .screen-tile--preview{min-height:0}.call-stage .screen-tile--preview .screen-caption{display:flex}.typing-indicator{min-height:21px;padding:0 24px;color:var(--spades-text-secondary);font-size:var(--font-xs)}.message-search{border-bottom:1px solid var(--spades-border);background:var(--spades-bg-tertiary);padding:var(--space-3) 20px}.message-search>header{display:flex;align-items:center;gap:10px}.message-search input{flex:1;min-width:0;background:var(--spades-bg-secondary);border:1px solid var(--spades-border);border-radius:var(--radius-md);padding:9px;color:var(--spades-text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.message-search-results{max-height:30dvh;overflow:auto;font-size:var(--font-xs);color:var(--spades-text-secondary)}.message-search-results article{padding:var(--space-3) 0;border-bottom:1px solid var(--spades-border)}.message-search-results strong{color:var(--spades-text-primary);margin-right:var(--space-3);font-size:var(--font-md);font-weight:var(--font-weight-semibold)}.message-search-results time{font-size:var(--font-xs);font-weight:var(--font-weight-normal)}.message-search-results p{white-space:pre-wrap;overflow-wrap:anywhere;margin:var(--space-2) 0;font-size:var(--font-md);font-weight:var(--font-weight-normal);line-height:var(--line-chat)}.live-dialog textarea{display:block;width:100%;padding:var(--space-3);margin:10px 0 20px;border:1px solid var(--spades-border);border-radius:var(--radius-md);background:var(--spades-bg-secondary);color:var(--spades-text-primary);resize:vertical;font:inherit;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.space-manager{width:min(720px,calc(100vw - 24px));max-height:90dvh;display:flex;flex-direction:column;background:var(--spades-bg-tertiary);border:1px solid var(--spades-border);border-radius:var(--radius-lg);box-shadow:0 24px 90px color-mix(in srgb,var(--spades-shadow) 53.33%,transparent);overflow:hidden}.space-manager>header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--spades-border);gap:var(--space-3)}.space-manager h2{font-size:var(--font-lg);overflow-wrap:anywhere}.space-member{padding:14px 0;border-bottom:1px solid var(--spades-border)}.space-member-identity{display:flex;align-items:center;gap:10px;margin-bottom:10px}.space-member-identity img{width:36px;height:36px;border-radius:50%;object-fit:cover}.space-member-identity strong,.space-member-identity small{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.space-member-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-xs)}.space-manager .space-role-field{margin:0;flex:1;min-width:150px}.space-member .space-confirm{margin-top:var(--space-3)}.space-manager small,.space-hint{color:var(--spades-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.space-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:14px 22px;border-bottom:1px solid var(--spades-border)}.space-tabs button{border-radius:var(--radius-md);padding:9px var(--space-3);color:var(--spades-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.space-tabs button.active{background:var(--spades-border);color:var(--spades-text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.space-manager-body{overflow-y:auto;padding:22px 26px;min-height:0}.space-manager fieldset{border:0;margin:0;padding:0;min-width:0}.space-manager label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-xs);margin-bottom:var(--space-4)}.space-manager input,.space-manager select{width:100%;min-width:0;background:var(--spades-bg-primary);border:1px solid var(--spades-border);border-radius:var(--radius-md);color:var(--spades-text-primary);padding:11px;font:inherit;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.space-manager input:focus,.space-manager select:focus{outline:2px solid var(--spades-purple);outline-offset:1px}.space-manager input[type=file]{font-size:var(--font-xs)}.space-banner-preview{height:145px;background-size:cover;background-position:center;border-radius:var(--radius-lg);margin-bottom:22px;display:flex;align-items:flex-end;padding:var(--space-4)}.space-banner-preview img{width:64px;height:64px;object-fit:cover;background:var(--spades-bg-tertiary);border:3px solid var(--spades-bg-tertiary);border-radius:var(--radius-lg)}.space-image-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:var(--space-3)}.space-manager .primary-button,.space-manager .secondary-button,.space-danger{padding:10px 14px;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.space-danger{color:var(--spades-text-secondary);background:var(--spades-border);border:1px solid var(--spades-red)}.space-manager button:disabled{opacity:.4;cursor:not-allowed}.space-notice{color:var(--spades-green);margin-bottom:var(--space-4);font-size:var(--font-sm)}.space-manager .form-error{margin-bottom:var(--space-4)}.space-hint{line-height:1.7;margin-bottom:var(--space-4)}.space-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.space-confirm{border:1px solid var(--spades-border);background:var(--spades-surface);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-sm);line-height:1.7}.space-confirm p{margin:10px 0 14px}.space-confirm button+button{margin-left:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.space-create-row{display:flex;gap:var(--space-3);align-items:flex-end;margin-bottom:20px}.space-create-row label{flex:1;margin-bottom:0}.space-create-channel{padding-bottom:20px;border-bottom:1px solid var(--spades-border);margin-bottom:var(--space-4)}.space-channel-group{margin-bottom:22px}.space-group-title{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:10px}.space-group-title h3{font-size:var(--font-sm);color:var(--spades-text-secondary);overflow-wrap:anywhere}.space-row-actions{display:flex;flex-shrink:0;gap:3px}.space-channel-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 10px;border-radius:var(--radius-md);background:var(--spades-surface);margin-bottom:5px}.space-channel-row>span{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-xs);min-width:0;overflow-wrap:anywhere}.space-editor{padding:14px;border:1px solid var(--spades-border);border-radius:var(--radius-md);margin:10px 0}.server-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.server-title-row h1{min-width:0;overflow-wrap:anywhere;font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.community-icon.selected>img{width:100%;height:100%;object-fit:cover}@media(max-width:600px){.space-manager>header,.space-manager-body{padding:18px}.space-tabs{padding:var(--space-3)}.space-image-fields{grid-template-columns:1fr}.space-create-row{flex-direction:column;align-items:stretch}.space-manager{max-height:94dvh}}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.lp-page{min-height:100svh;overflow-x:clip;color:var(--spades-text-primary);background:radial-gradient(ellipse at 80% 40%,color-mix(in srgb,var(--spades-border) 21.96%,transparent),transparent 52%),radial-gradient(ellipse at 10% 0%,color-mix(in srgb,var(--spades-surface) 16.08%,transparent),transparent 40%),var(--spades-bg-primary);display:flex;flex-direction:column}.lp-page button,.lp-page a{transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.lp-header{max-width:1400px;width:100%;padding:32px 5%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.lp-page .lp-brand{display:flex;align-items:center;gap:13px;font-family:var(--font-family-brand);font-size:clamp(24px,2vw,30px);line-height:1;letter-spacing:.06em;font-weight:var(--font-weight-bold);flex-shrink:0}.lp-brand img{width:48px;height:54px;object-fit:contain;flex-shrink:0}.lp-header nav{display:flex;align-items:center;gap:32px;font-size:var(--font-xs);font-weight:500;color:var(--spades-text-secondary)}.lp-header nav a:hover,.lp-header nav button:hover{color:var(--spades-text-secondary)}.lp-login{padding:var(--space-3) 21px;border:1px solid var(--spades-border);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-xs);display:flex;gap:22px;background:color-mix(in srgb,var(--spades-text-primary) 1.57%,transparent)}.lp-login:hover{background:var(--spades-surface);border-color:var(--spades-purple)}.lp-page>#landing-content{flex:1;display:flex;align-items:center}.lp-hero{width:100%;max-width:1400px;margin:auto;padding:72px 5% 100px;display:grid;grid-template-columns:1fr 1.08fr;gap:52px;align-items:center}.lp-eyebrow{display:flex;align-items:center;gap:10px;color:var(--spades-text-secondary);margin-bottom:27px;letter-spacing:.02em;font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.lp-eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--spades-purple);box-shadow:0 0 14px color-mix(in srgb,var(--spades-purple) 53.33%,transparent);letter-spacing:.02em;font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.lp-hero h1{letter-spacing:-4px;margin:0 0 28px;font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.lp-hero h1>span{background:linear-gradient(110deg,var(--spades-purple) 6%,var(--spades-purple) 52%,var(--spades-blue));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.lp-intro{font-size:var(--font-md);line-height:1.75;max-width:435px;font-weight:500;color:var(--spades-text-secondary)}.lp-description{font-size:var(--font-sm);line-height:1.85;color:var(--spades-text-secondary);max-width:400px;margin-top:14px}.lp-ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:33px}.lp-download,.lp-browser{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 19px;border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-xs);min-height:52px;text-align:center}.lp-download{color:var(--spades-text-muted);background:var(--spades-text-primary);box-shadow:0 5px 24px color-mix(in srgb,var(--spades-shadow) 20%,transparent)}.lp-download:hover{color:var(--spades-text-muted);background:var(--spades-text-primary);transform:translateY(-3px);box-shadow:0 8px 24px color-mix(in srgb,var(--spades-purple) 10.2%,transparent)}.lp-browser{background:linear-gradient(115deg,var(--spades-purple),var(--spades-purple) 64%,var(--spades-purple));color:var(--spades-text-primary);box-shadow:0 6px 24px color-mix(in srgb,var(--spades-purple) 16.47%,transparent)}.lp-browser:hover{background:linear-gradient(115deg,var(--spades-purple),var(--spades-purple));transform:translateY(-3px);box-shadow:0 8px 30px color-mix(in srgb,var(--spades-purple) 29.02%,transparent)}.lp-under-cta{display:flex;gap:var(--space-2);align-items:center;color:var(--spades-text-muted);font-size:var(--font-xs);margin-top:19px}.lp-under-cta span{color:var(--spades-purple);font-size:var(--font-md)}.lp-visual{position:relative;width:100%;min-width:0;padding:40px 0 76px;isolation:isolate;scroll-margin-top:80px}.lp-visual:before{content:"";position:absolute;z-index:-1;top:-6%;right:-4%;bottom:-6%;left:-4%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--spades-purple) 14.12%,transparent),transparent 67%);filter:blur(20px)}.lp-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--spades-text-muted) 12.55%,transparent);z-index:-1;border-radius:50%;transform:rotate(-27deg);pointer-events:none}.lp-orbit-one{top:-20px;right:-35px;bottom:0;left:-35px}.lp-orbit-two{top:25px;right:-70px;bottom:20px;left:-70px;transform:rotate(32deg);border-color:color-mix(in srgb,var(--spades-blue) 9.02%,transparent)}.lp-star{position:absolute;color:var(--spades-text-secondary);font-size:25px}.lp-star-one{top:0;right:18%}.lp-star-two{bottom:11%;left:-6%;font-size:var(--font-md);opacity:.5}.lp-desktop{position:relative;border:1px solid var(--spades-text-muted);border-radius:var(--radius-lg);overflow:hidden;background:var(--spades-bg-secondary);box-shadow:0 24px 55px color-mix(in srgb,var(--spades-shadow) 60%,transparent),0 0 0 5px color-mix(in srgb,var(--spades-surface) 53.33%,transparent),0 0 60px color-mix(in srgb,var(--spades-purple) 8.24%,transparent);transform:perspective(1500px) rotateY(-7deg) rotateX(3deg) rotate(-1deg);transform-origin:center}.lp-window-top{display:flex;align-items:center;gap:var(--space-4);height:38px;border-bottom:1px solid var(--spades-border);padding:0 13px;background:linear-gradient(100deg,var(--spades-bg-tertiary),var(--spades-bg-primary))}.lp-window-dots{display:flex;gap:var(--space-1)}.lp-window-dots i{width:5px;height:5px;background:var(--spades-text-muted);border-radius:50%}.lp-window-dots i:first-child{background:var(--spades-text-secondary)}.lp-window-top>span{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);font-weight:600;letter-spacing:2px}.lp-window-top img{width:12px}.lp-window-top .lp-mock-search{margin-left:auto;letter-spacing:0;font-size:var(--font-xs);font-weight:400;padding:6px var(--space-3);border:1px solid var(--spades-border);border-radius:var(--radius-lg);color:var(--spades-text-muted)}.lp-window-body{display:grid;grid-template-columns:42px 135px minmax(0,1fr);min-height:324px}.lp-mini-rail{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) 5px;gap:var(--space-3);background:var(--spades-bg-primary);border-right:1px solid var(--spades-surface-hover)}.lp-mini-rail>img{width:22px}.lp-mini-rail>div{width:17px;height:1px;background:var(--spades-border)}.lp-mini-rail>span{display:grid;place-items:center;width:29px;height:29px;border-radius:var(--radius-md);background:var(--spades-surface);color:var(--spades-text-secondary)}.lp-mini-rail .lp-rail-selected{background:var(--spades-purple);color:var(--spades-text-primary);border:1px solid var(--spades-purple);box-shadow:0 0 16px color-mix(in srgb,var(--spades-purple) 16.47%,transparent)}.lp-mini-channels{position:relative;background:var(--spades-bg-secondary);border-right:1px solid var(--spades-surface-hover);padding:0 var(--space-2) 52px}.lp-mini-banner{height:67px;margin:0 -var(--space-2);background:linear-gradient(0deg,var(--spades-bg-secondary),transparent),url(/art/aurora.svg) center 36% / cover}.lp-mini-channels h3{font-size:var(--font-xs);font-weight:600;margin:-9px 2px 3px;position:relative}.lp-mini-channels h3 span{float:right;color:var(--spades-text-muted)}.lp-mini-channels p{font-size:var(--font-xs);color:var(--spades-text-secondary);margin:0 2px 17px}.lp-mini-channels>small{letter-spacing:1px;display:block;margin:17px 2px 7px;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.lp-mini-channel{display:flex;align-items:center;gap:5px;color:var(--spades-text-secondary);font-size:var(--font-xs);padding:7px var(--space-1);border-radius:var(--radius-sm);white-space:nowrap}.lp-mini-channel svg{width:10px;height:10px;flex-shrink:0}.lp-mini-channel.selected{background:var(--spades-border);color:var(--spades-text-primary)}.lp-mini-channel i{width:4px;height:4px;border-radius:50%;background:var(--spades-green);margin-left:auto}.lp-avatar-stack{display:flex;padding-left:14px;margin-top:var(--space-1)}.lp-avatar-stack b{border:2px solid var(--spades-bg-secondary);font-size:var(--font-xs);color:var(--spades-text-secondary);width:16px;height:16px;border-radius:50%;background:var(--spades-purple);display:grid;place-items:center;margin-left:-var(--space-1)}.lp-avatar-stack b:nth-child(2){background:var(--spades-border)}.lp-mini-you{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--spades-surface-hover);display:flex;gap:5px;align-items:center;padding:9px;font-size:var(--font-xs)}.lp-mini-you>div{flex:1}.lp-mini-you small{display:block;color:var(--spades-green);margin-top:2px;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.lp-mini-chat{min-width:0;background:radial-gradient(ellipse at 80% 70%,color-mix(in srgb,var(--spades-surface-hover) 20%,transparent),transparent),var(--spades-bg-secondary);display:flex;flex-direction:column;padding-bottom:var(--space-2)}.lp-mini-chat>header{display:flex;align-items:center;gap:5px;height:32px;border-bottom:1px solid var(--spades-surface-hover);padding:0 10px;font-size:var(--font-xs);font-weight:600}.lp-mini-chat>header svg:last-child{margin-left:auto;color:var(--spades-text-muted)}.lp-chat-date{text-align:center;margin:15px 5px;letter-spacing:1px;font-size:var(--font-xs);color:var(--spades-text-muted)}.lp-mock-message{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-xs)}.lp-mock-avatar{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:linear-gradient(130deg,var(--spades-purple),var(--spades-border));border:1px solid color-mix(in srgb,var(--spades-purple) 30.2%,transparent);color:var(--spades-text-primary);font-size:var(--font-xs);font-weight:600}.lp-mock-avatar.mint{background:linear-gradient(130deg,var(--spades-green),var(--spades-border));border-color:color-mix(in srgb,var(--spades-green) 36.08%,transparent);color:var(--spades-text-secondary)}.lp-mock-avatar.blue{background:linear-gradient(130deg,var(--spades-blue),var(--spades-border));color:var(--spades-text-primary)}.lp-mock-message strong{font-size:var(--font-xs);font-weight:600}.lp-mock-message strong small{margin-left:7px;color:var(--spades-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.lp-mock-message p{color:var(--spades-text-secondary);font-size:var(--font-xs);margin-top:5px;line-height:1.6}.lp-chat-art{display:flex;align-items:center;gap:25px;padding:var(--space-4);margin:var(--space-2) 0 5px;border:1px solid var(--spades-purple);border-radius:var(--radius-md);background:radial-gradient(ellipse at 85% 40%,color-mix(in srgb,var(--spades-text-muted) 26.67%,transparent),transparent),linear-gradient(130deg,var(--spades-border),var(--spades-bg-tertiary))}.lp-chat-art span{font-size:var(--font-sm);line-height:1.35;letter-spacing:-.4px;font-weight:600}.lp-chat-art img{width:42px;filter:drop-shadow(0 4px 14px color-mix(in srgb,var(--spades-purple) 33.33%,transparent))}.lp-mock-reaction{display:inline-block;border:1px solid var(--spades-purple);background:var(--spades-border);color:var(--spades-text-primary);font-size:var(--font-xs);border-radius:var(--radius-sm);padding:3px 6px}.lp-mock-composer{margin:13px 9px 0;padding:9px 7px;display:flex;align-items:center;gap:7px;border:1px solid var(--spades-border);border-radius:var(--radius-md);background:var(--spades-surface)}.lp-mock-composer span{font-size:var(--font-xs);color:var(--spades-text-muted);flex:1}.lp-mock-composer svg:last-child{background:var(--spades-purple-strong);color:var(--spades-text-primary);padding:3px;border-radius:50%;width:21px;height:21px}.lp-voice-card{position:absolute;bottom:28px;left:12%;right:0;padding:17px 19px;display:flex;align-items:center;gap:13px;border:1px solid var(--spades-text-muted);border-radius:var(--radius-lg);background:linear-gradient(120deg,color-mix(in srgb,var(--spades-surface-hover) 93.33%,transparent),color-mix(in srgb,var(--spades-bg-tertiary) 92.55%,transparent));box-shadow:0 20px 40px color-mix(in srgb,var(--spades-shadow) 40%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:rotate(2deg)}.lp-voice-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--spades-purple) 40%,transparent);color:var(--spades-purple)}.lp-voice-card>div:nth-child(2){flex:1}.lp-voice-card small{display:block;letter-spacing:1.6px;color:var(--spades-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.lp-voice-card strong{display:block;font-size:var(--font-xs);font-weight:600;margin:5px 0}.lp-voice-card span{color:var(--spades-text-secondary);font-size:var(--font-xs)}.lp-voice-card span i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--spades-green);margin-right:3px}.lp-wave{display:flex;align-items:center;gap:3px;padding:0 var(--space-1)}.lp-wave i{width:3px;border-radius:var(--radius-sm);background:linear-gradient(var(--spades-purple),var(--spades-purple));opacity:.8}.lp-floating-note{position:absolute;top:0;right:-7px;background:linear-gradient(140deg,var(--spades-surface-hover),var(--spades-surface));border:1px solid var(--spades-text-muted);border-radius:var(--radius-lg);padding:var(--space-3) 19px;transform:rotate(7deg);box-shadow:0 10px 30px color-mix(in srgb,var(--spades-shadow) 26.67%,transparent);font-size:var(--font-xs);font-weight:600;line-height:1.5}.lp-floating-note span{color:var(--spades-purple);margin-right:9px;float:left;font-size:28px;line-height:1.1}.lp-preview-caption{position:absolute;bottom:0;right:0;font-size:var(--font-xs);color:var(--spades-text-secondary);letter-spacing:.3px}.lp-preview-caption span{padding-left:var(--space-2);color:var(--spades-text-muted)}.lp-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;width:100%;margin:auto 0 0;padding:23px clamp(16px,2vw,32px) 30px;border-top:1px solid var(--spades-surface-hover);color:var(--spades-text-muted);font-size:var(--font-xs)}.lp-footer p:first-child{display:flex;align-items:center;gap:var(--space-2)}.lp-footer p:first-child span{font-size:var(--font-md);color:var(--spades-purple)}.lp-footer a{color:var(--spades-text-secondary);margin-left:5px}.lp-footer a:hover{color:var(--spades-text-primary)}.lp-footer small{color:var(--spades-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.lp-skip{position:fixed;top:-60px;left:20px;z-index:100;padding:var(--space-3);background:var(--spades-border);border-radius:var(--radius-md)}.lp-skip:focus{top:12px}.lp-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:color-mix(in srgb,var(--spades-bg-primary) 78.82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px}.lp-info-dialog{position:relative;width:min(440px,100%);padding:35px;border:1px solid var(--spades-purple);border-radius:var(--radius-lg);background:var(--spades-bg-tertiary);box-shadow:0 30px 90px color-mix(in srgb,var(--spades-shadow) 53.33%,transparent)}.lp-info-dialog>img{width:36px;margin-bottom:25px}.lp-info-dialog h2{letter-spacing:-1px;font-size:var(--font-lg);font-weight:var(--font-weight-semibold);line-height:1.25}.lp-info-dialog p{color:var(--spades-text-secondary);margin:18px 0 26px;line-height:1.85;font-size:var(--font-sm)}.lp-dialog-close{position:absolute;top:17px;right:17px;color:var(--spades-text-secondary)}@media(min-width:1600px){.lp-hero{padding-top:110px;padding-bottom:140px}.lp-ctas{flex-wrap:nowrap}.lp-download,.lp-browser{font-size:var(--font-xs);white-space:nowrap}}@media(max-width:1100px){.lp-hero{gap:28px;padding-top:65px;padding-bottom:75px;grid-template-columns:1fr 1fr}.lp-hero h1{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.lp-header nav{gap:20px}.lp-intro{font-size:var(--font-channel)}.lp-window-body{grid-template-columns:34px 105px minmax(0,1fr)}.lp-mini-channel{font-size:var(--font-xs)}.lp-mini-channels{padding-left:5px;padding-right:5px}.lp-mini-banner{margin:0 -5px}.lp-chat-art{gap:var(--space-2);padding:11px}.lp-chat-art span{font-size:var(--font-xs)}.lp-chat-art img{width:30px}.lp-voice-card{left:4%;padding:14px}.lp-voice-card strong{font-size:var(--font-xs)}.lp-wave{gap:2px}}@media(max-width:820px){.lp-header{padding:25px 6%}.lp-header nav{gap:17px;font-size:var(--font-xs)}.lp-header nav button:nth-last-child(2),.lp-header nav button:last-child{display:none}.lp-hero{grid-template-columns:1fr;padding:45px 8% 55px;gap:30px}.lp-hero-copy{max-width:610px}.lp-hero h1{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.lp-intro{max-width:480px;font-size:var(--font-md)}.lp-description{max-width:480px}.lp-ctas{flex-wrap:nowrap}.lp-visual{max-width:590px;margin:10px auto 0}.lp-window-body{grid-template-columns:42px 135px minmax(0,1fr)}.lp-chat-art{gap:25px;padding:var(--space-4)}.lp-chat-art span{font-size:var(--font-sm)}.lp-voice-card{left:15%}.lp-footer{flex-wrap:wrap;justify-content:center}.lp-footer p:first-child{margin-right:auto}.lp-footer small{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}}@media(max-width:520px){.lp-header{padding:22px 6%;gap:var(--space-4)}.lp-page .lp-brand{font-size:22px;letter-spacing:.04em;gap:9px}.lp-brand img{width:38px;height:42px}.lp-header nav{display:none}.lp-login{padding:10px 15px;gap:13px;font-size:var(--font-xs)}.lp-hero{padding:40px 6%;gap:26px}.lp-eyebrow{margin-bottom:22px;letter-spacing:.02em;font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.lp-hero h1{letter-spacing:-2.8px;margin-bottom:23px;font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.lp-intro{font-size:var(--font-channel);line-height:1.8}.lp-description{font-size:var(--font-xs)}.lp-ctas{flex-direction:column;gap:var(--space-3);margin-top:27px}.lp-download,.lp-browser{font-size:var(--font-xs);padding:17px var(--space-4);width:100%}.lp-under-cta{justify-content:center;font-size:var(--font-xs)}.lp-visual{margin-top:6px;padding-bottom:72px}.lp-window-top{padding:0 9px;gap:9px;height:31px}.lp-window-top .lp-mock-search{display:none}.lp-window-body{grid-template-columns:30px 91px minmax(0,1fr);min-height:292px}.lp-mini-rail{padding:10px 2px;gap:11px}.lp-mini-rail>span{width:23px;height:23px}.lp-mini-rail svg{width:14px}.lp-mini-rail>img{width:18px}.lp-mini-channels{padding-bottom:40px}.lp-mini-channels h3{font-size:var(--font-xs)}.lp-mini-channel{font-size:var(--font-xs);gap:3px}.lp-mini-channel svg{width:8px}.lp-mini-channels>small{letter-spacing:.6px;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.lp-mini-you{padding:6px var(--space-1)}.lp-mini-you>svg{width:10px}.lp-mock-message{gap:5px;padding:var(--space-2)}.lp-mock-avatar{width:17px;height:17px;font-size:var(--font-xs)}.lp-mock-message p,.lp-mock-message strong{font-size:var(--font-xs)}.lp-mock-message strong small{display:none;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.lp-chat-art{padding:10px var(--space-2);gap:5px}.lp-chat-art span{font-size:var(--font-xs)}.lp-chat-art img{width:24px}.lp-chat-date{font-size:var(--font-xs);letter-spacing:.6px}.lp-mock-composer{padding:6px var(--space-1);gap:var(--space-1)}.lp-mock-composer span{font-size:var(--font-xs)}.lp-voice-card{left:6%;bottom:27px;padding:var(--space-3);gap:9px}.lp-voice-icon{width:30px;height:30px;border-radius:var(--radius-md)}.lp-voice-icon svg{width:19px}.lp-voice-card strong{font-size:var(--font-xs)}.lp-voice-card small{font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.lp-voice-card span{font-size:var(--font-xs)}.lp-wave{gap:2px;transform:scaleY(.7)}.lp-wave i{width:2px}.lp-floating-note{right:1px;top:6px;font-size:var(--font-xs);padding:9px var(--space-3)}.lp-floating-note span{font-size:var(--font-lg)}.lp-preview-caption{font-size:var(--font-xs);right:2px}.lp-footer{width:100%;flex-direction:column;align-items:flex-start;gap:15px;padding:23px var(--space-4) 25px;font-size:var(--font-xs)}.lp-footer p:first-child{margin:0}.lp-orbit-one{top:0;right:-12px;bottom:15px;left:-12px}.lp-orbit-two{top:25px;right:-15px;bottom:20px;left:-15px}}@media(prefers-reduced-motion:reduce){.lp-page *,.lp-page *:before{transition:none!important;scroll-behavior:auto!important}}.lp-page a:focus-visible,.lp-page button:focus-visible{outline:2px solid var(--spades-purple);outline-offset:5px}.lp-preview-caption,.lp-preview-caption span{color:var(--spades-text-secondary)}select{font:inherit;font-size:var(--font-sm);font-weight:var(--font-weight-normal)}input::placeholder,textarea::placeholder{color:var(--spades-text-secondary);opacity:1}::selection{color:var(--spades-text-primary);background:color-mix(in srgb,var(--spades-purple) 53.33%,transparent)}button:focus-visible,a:focus-visible{outline-color:var(--spades-focus)}.primary-button{min-height:40px;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.secondary-button{min-height:38px;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.primary-button:not(:disabled):hover{box-shadow:0 5px 20px color-mix(in srgb,var(--spades-purple) 23.14%,transparent)}.top-actions>.icon-button{width:36px;height:36px;border-radius:var(--radius-md)}.profile-trigger strong{font-size:var(--font-sm)}.profile-trigger small,.global-search input{font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.auth-page{position:relative}.auth-card{background:linear-gradient(145deg,var(--spades-surface),var(--spades-bg-tertiary));border-color:color-mix(in srgb,var(--spades-text-secondary) 16.08%,transparent);border-radius:var(--radius-lg);box-shadow:0 28px 85px color-mix(in srgb,var(--spades-shadow) 40%,transparent),inset 0 1px color-mix(in srgb,var(--spades-text-primary) 2.75%,transparent)}.auth-card h1{letter-spacing:-.025em;font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.auth-card>p{font-size:var(--font-sm);line-height:1.6}.auth-card label{font-size:var(--font-sm);font-weight:600}.auth-card input{min-height:46px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--spades-bg-primary) 65.88%,transparent);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.auth-card input:focus{border-color:var(--spades-purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--spades-purple) 10.2%,transparent)}.auth-card .primary-button{min-height:44px;font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.auth-recovery-link{font-size:var(--font-sm);color:var(--spades-purple)}.auth-symbol{filter:drop-shadow(0 5px 15px color-mix(in srgb,var(--spades-purple) 20%,transparent))}.conversation-empty{font-size:var(--font-sm);color:var(--spades-text-secondary)}@media(max-width:480px){.auth-card{padding:26px 22px;border-radius:var(--radius-lg)}.auth-card input{font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.auth-card h1{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:1.25}.top-actions{gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}