@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-vietnamese-wght-normal-ei70gACF.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:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-latin-ext-wght-normal-CrJ75Ewg.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:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-latin-wght-normal-Buj9m_3d.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}@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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Quicksand Variable", "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 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%;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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.relative{position:relative}.static{position:static}.block{display:block}.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,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color-scheme:dark;--bg:#090a0c;--rail:#07080a;--sidebar:#0f1115;--panel:#0e1013;--surface:#16191e;--surface-hover:#1e2228;--input:#14171c;--text:#f5f5f3;--secondary:#cdd0d4;--muted:#a3a8af;--border:#ffffff12;--border-strong:#ffffff1f;--accent:#ffd219;--accent-soft:#ffd21914;--on-accent:#171303;--success:#35e887;--connecting:#ffae32;--danger:#ff5261;--ease:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.33, 1, .68, 1);--spring-soft:linear(0, .006 .8%, .025 1.7%, .1 3.6%, .221 5.7%, .559 11.1%, .718 14.2%, .834 17.3%, .914 20.5%, .964 23.6%, .99 26.8%, 1.003 30.5%, 1.007 35.5%, 1.003 45.6%, 1);--spring-lively:linear(0, .009, .037 1.7%, .153 3.6%, .534 8.5%, .766 11.7%, .924 15%, 1.022 18.4%, 1.071 21.9%, 1.083 25.5%, 1.073 29.2%, 1.034 36.5%, 1.004 45.4%, .993 52.2%, .998 67.2%, 1);--accent-line:var(--accent);font-family:Quicksand Variable,-apple-system,system-ui,Segoe UI,sans-serif}@supports (color:color-mix(in lab,red,red)){:root{--accent-line:color-mix(in srgb, var(--accent), transparent 70%)}}:root{--accent-glow:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--accent-glow:color-mix(in srgb, var(--accent), transparent 88%)}}:root{--accent-ink:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--accent-ink:color-mix(in srgb, var(--accent) 82%, var(--text))}}:root{--accent-wash:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--accent-wash:color-mix(in srgb, var(--accent), transparent 86%)}}:root{--hairline:inset 0 1px 0 #ffffff0a;--sheen:linear-gradient(180deg, #ffffff07, transparent 150px);--shadow-sm:0 1px 2px #0000003d, 0 4px 10px -6px #00000059;--shadow-md:0 6px 20px -8px #0009, 0 2px 6px -2px #0000005c;--shadow-lg:0 32px 80px -28px #000c, 0 12px 28px -14px #0000008a;--island:#1c1d21;--island-ring:#ffffff26;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}:root[data-theme=light]{color-scheme:light;--bg:#f7f7f3;--rail:#efefe9;--sidebar:#f2f2ed;--panel:#f5f5f0;--surface:#fff;--surface-hover:#ebebe4;--input:#fff;--text:#15130a;--secondary:#3f423a;--muted:#5f635a;--border:#1d241014;--border-strong:#1d241026;--accent:#f0b400;--accent-soft:#f0b4001f;--accent-ink:#7f5c00;--accent-line:#b8860066;--on-accent:#171303;--success:#008a47;--connecting:#ad5900;--danger:#c92738;--hairline:inset 0 1px 0 #fffc;--sheen:linear-gradient(180deg, #ffffffb0, transparent 150px);--shadow-sm:0 1px 2px #1d241012, 0 4px 10px -6px #1d24101a;--shadow-md:0 8px 24px -10px #1d24102b, 0 2px 6px -2px #1d24101f;--shadow-lg:0 32px 70px -26px #1d241033, 0 10px 24px -14px #1d241026;--island:#000;--island-ring:#0000001f}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-size:13px;overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button,input,textarea,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=separator]:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}button{transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease),box-shadow .2s var(--ease),transform .36s var(--spring-lively)}button:active:not(:disabled){transition-duration:.16s,.16s,.16s,.2s,90ms;transform:scale(.97)}input,textarea,select{border:1px solid var(--border-strong);background:var(--input);color:var(--text);border-radius:8px;width:100%;min-width:0;padding:11px 13px;transition:border-color .15s}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--accent),transparent 50%)}}label{color:var(--secondary);font-size:12px;font-weight:500;display:block}label>input,label>textarea,label>select,label>.password-input{margin-top:8px}label small{color:var(--muted);margin-top:7px;font-size:11px;font-weight:400;line-height:1.5;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text);font-weight:580}p{line-height:1.7}svg{stroke-width:1.7px;flex-shrink:0}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--accent),transparent 72%)}}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--muted)}@supports (color:color-mix(in lab,red,red)){::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted),transparent 80%)}}::-webkit-scrollbar-thumb{background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@supports (color:color-mix(in lab,red,red)){::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted),transparent 55%)}}::-webkit-scrollbar-thumb:hover{background-clip:padding-box}::-webkit-scrollbar-track{background:0 0}.muted{color:var(--muted)}.logo{object-fit:contain;width:30px;height:30px}.tiny-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 0 3px var(--success);border-radius:50%;flex-shrink:0;display:inline-block}@supports (color:color-mix(in lab,red,red)){.tiny-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--success),transparent 88%)}}.eyebrow{letter-spacing:1.8px;color:var(--muted);align-items:center;gap:8px;font-size:11.5px;font-weight:600;display:flex}.button{white-space:nowrap;min-height:39px;transition:background .15s,color .15s,box-shadow .18s,transform .13s var(--ease-out);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:10px 17px;font-size:12px;font-weight:560;display:inline-flex}.button.primary{background:linear-gradient(180deg,var(--accent),var(--accent))}@supports (color:color-mix(in lab,red,red)){.button.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent),#fff 13%),var(--accent))}}.button.primary{color:var(--on-accent);box-shadow:inset 0 1px #ffffff5c,0 2px 10px -4px var(--accent-line)}.button.primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:inset 0 1px #ffffff70,0 8px 20px -8px var(--accent-line);transform:translateY(-1px)}.button.primary:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px 2px #00000026}.button.secondary{background:var(--surface);border-color:var(--border-strong)}.button.secondary:hover:not(:disabled){background:var(--surface-hover)}.button.ghost{color:var(--secondary)}.button.ghost:hover:not(:disabled){background:var(--surface)}.button.danger{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.button.danger{background:color-mix(in srgb,var(--danger),transparent 86%)}}.button.danger{color:var(--danger);border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.button.danger{border-color:color-mix(in srgb,var(--danger),transparent 80%)}}.button.danger:hover:not(:disabled){background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.button.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger),transparent 78%)}}.icon-button{width:31px;height:31px;color:var(--secondary);transition:background .16s var(--ease),color .16s var(--ease),transform .13s var(--ease-out);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled),.icon-button.selected{background:var(--surface-hover);color:var(--text)}.tooltip{background:var(--text);color:var(--bg);letter-spacing:.1px;z-index:100;animation:tooltip-in .16s var(--ease);box-shadow:var(--shadow-md);border-radius:7px;padding:6px 10px;font-size:11px;font-weight:540}.tooltip-arrow{fill:var(--text)}.avatar{color:#dad2c7;letter-spacing:-.5px;-webkit-user-select:none;user-select:none;background:#4a4440 linear-gradient(160deg,#ffffff1f,#0000 62%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:540;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.avatar-0{color:#d2d9cd;background:#474b45}.avatar-1{color:#cad2dc;background:#454950}.avatar-2{color:#e2ceca;background:#504441}.avatar-3{color:#d8d0e0;background:#49454e}.avatar-4{color:#e1d7bc;background:#4d483c}:root[data-theme=light] .avatar{color:#575046;background:#e4dfd4 linear-gradient(160deg,#fffc,#0000 62%);box-shadow:inset 0 0 0 1px #1d24100f}:root[data-theme=light] .avatar-0{color:#44604c;background:#dde5dd}:root[data-theme=light] .avatar-1{color:#46566b;background:#dce1e8}:root[data-theme=light] .avatar-2{color:#6d4a42;background:#ecdcd7}:root[data-theme=light] .avatar-3{color:#554a67;background:#e2dcea}:root[data-theme=light] .avatar-4{color:#6a5a31;background:#ece2c9}.presence{background:var(--success);border:2px solid var(--sidebar);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.members-panel .presence,.user-bar .presence,.profile-card .presence{border-color:var(--panel)}.message-row .presence,.participant-tile .presence,.command-results .presence{border-color:var(--bg)}.presence.offline,.presence.invisible{background:var(--muted)}.presence.away{background:#c4ac77}.presence.busy{background:var(--danger)}.spin{animation:1s linear infinite spin}.splash{background:var(--bg);height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.splash>.logo{width:52px;height:52px;animation:tokki-breathe 1.8s var(--ease) infinite;margin-bottom:10px}.splash h2{font-size:20px}.splash p{text-align:center;max-width:440px}.error-notice{background:var(--danger);border-radius:9px;margin:10px 0;padding:11px 13px}@supports (color:color-mix(in lab,red,red)){.error-notice{background:color-mix(in srgb,var(--danger),transparent 90%)}}.error-notice{border:1px solid var(--danger)}@supports (color:color-mix(in lab,red,red)){.error-notice{border:1px solid color-mix(in srgb,var(--danger),transparent 82%)}}.error-notice{color:var(--danger);font-size:12px;line-height:1.5}.success-notice{color:var(--success);align-items:center;gap:8px;margin-top:15px;font-size:12px;display:flex}.text-link{color:var(--accent-ink);align-items:center;gap:7px;padding:0;font-size:12px;display:flex}.text-link:hover{opacity:.75}.auth{background:var(--bg);grid-template-columns:1.04fr 1fr;height:100%;min-height:100%;display:grid;overflow:auto}.auth-story{color:#edeeef;background:#090a0c;flex-direction:column;min-height:650px;padding:37px 45px 27px;display:flex;position:relative;overflow:hidden}.wordmark{align-self:flex-start;align-items:center;gap:9px;display:inline-flex}.wordmark>.logo{filter:drop-shadow(0 0 #0000);width:29px;height:29px}.wordmark>span{letter-spacing:-1.8px;font-size:29px;font-weight:650}.wordmark-dot{color:var(--accent-ink)}.auth-story-content{margin:auto 0;padding:55px 0 0 8px}.auth-story .eyebrow{color:#b7b6ad;font-size:11px}.auth-story .tiny-dot{background:#d5b054}.auth h1{letter-spacing:-3px;color:#eeeee9;margin:25px 0 22px;font-size:clamp(42px,4.6vw,69px);font-weight:520;line-height:1.1}.auth h1 em{color:#d8bd7b;font-style:normal}.auth-story-content>p{color:#989a98;font-size:13px;line-height:1.9}.auth-story footer{letter-spacing:1.3px;color:#777a77;justify-content:space-between;align-items:center;gap:10px;font-size:10.5px;display:flex}.auth-story footer>span:last-child{letter-spacing:0;align-items:center;gap:5px;font-size:11.5px;display:flex}.auth-scene{max-width:440px;height:210px;margin-top:25px;position:relative}.scene-symbol{background:#12151a;border:1px solid #ffffff12;border-radius:25px;place-items:center;width:82px;height:82px;display:grid;position:absolute;top:53px;left:165px;transform:rotate(-9deg);box-shadow:0 10px 22px #00000010}.scene-symbol .logo{background:#e7e4d9;border-radius:15px;width:46px;height:46px;padding:8px}.scene-orbit{border:1px solid #ffffff07;border-radius:50%;width:305px;height:170px;position:absolute;top:12px;left:60px;transform:rotate(-20deg)}.scene-line{border:1px dashed #ffffff08;border-radius:50%;width:210px;height:210px;position:absolute;top:-8px;left:103px}.scene-chip{color:#b7b8b3;background:#12151a;border:1px solid #ffffff0b;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-size:11.5px;display:flex;position:absolute;box-shadow:0 8px 16px #0000000b}.scene-chip svg{color:#a8a99e}.chip-chat{top:29px;left:16px;transform:rotate(-6deg)}.chip-chat .tiny-dot{width:4px;height:4px;margin-left:8px}.chip-voice{top:127px;left:42px;transform:rotate(3deg)}.chip-screen{top:67px;right:0;transform:rotate(6deg)}.mini-waves{align-items:center;gap:2px;height:16px;margin-left:10px;display:flex}.mini-waves i{background:#c0ab73;border-radius:3px;width:2px;height:8px}.mini-waves i:nth-child(2){height:15px}.mini-waves i:nth-child(4){height:11px}.auth-form-panel{flex-direction:column;justify-content:center;align-items:center;padding:70px 45px;display:flex;position:relative}.auth-topline{align-items:center;gap:12px;display:flex;position:absolute;top:36px;right:35px}.private-badge{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:11.5px;display:inline-flex}.windows-download{border:1px solid var(--accent-line);background:var(--accent-soft);min-height:27px;color:var(--accent-ink);white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:700;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.windows-download:hover{background:var(--accent-wash);border-color:var(--accent-ink);transform:translateY(-1px)}.windows-download:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-form-wrap{width:100%;max-width:334px;margin:30px auto}.auth-form-wrap>.eyebrow{color:var(--accent-ink);font-size:11px}.auth-form-wrap h2{letter-spacing:-1px;margin:17px 0 8px;font-size:28px}.auth-form-wrap>p{color:var(--muted);font-size:12px}.auth-form-wrap form{flex-direction:column;gap:18px;margin-top:31px;display:flex}.auth-login-modes{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:4px;margin-top:22px;padding:4px;display:flex}.auth-login-modes button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:9px 7px;font-size:11px}.auth-login-modes button.active{color:var(--text);background:var(--elevated,#24262b)}.settings-divider{border:0;border-top:1px solid var(--border);margin:25px 0}.auth-form-wrap label{font-size:11px}.auth-form-wrap input{background:var(--surface);height:43px;font-size:12px}.auth-form-wrap .button{justify-content:space-between;width:100%;height:43px;margin-top:8px;padding:0 15px}.password-input{position:relative}.password-input input{padding-right:42px}.password-input button{width:33px;height:33px;color:var(--muted);place-items:center;display:grid;position:absolute;top:5px;right:7px}.auth-form-wrap .auth-switch{text-align:center;margin-top:23px;font-size:11px}.auth-switch a{color:var(--text);margin-left:4px;font-weight:550}.auth-bottom{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex;position:absolute;bottom:27px}.app-shell{grid-template-columns:72px var(--sidebar-width) minmax(320px,1fr) 216px;background:var(--bg);grid-template-rows:39px minmax(0,1fr);min-width:700px;height:100%;display:grid}.app-shell.members-hidden{grid-template-columns:72px var(--sidebar-width) minmax(320px,1fr)}.titlebar{background:var(--rail);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;z-index:5;height:39px;box-shadow:var(--hairline);grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.titlebar-brand{flex:1;align-items:center;gap:8px;height:100%;padding-left:22px;display:flex}.titlebar-brand>.logo{pointer-events:none;width:16px;height:16px}.titlebar-brand>span:first-of-type{letter-spacing:-.7px;pointer-events:none;font-size:15px;font-weight:600}.titlebar-brand>span:first-of-type>span{color:var(--accent-ink)}.titlebar-divider{background:var(--border-strong);width:1px;height:11px;margin-left:11px}.titlebar-brand .titlebar-caption{color:var(--muted);letter-spacing:.2px;pointer-events:none;margin-left:6px;font-size:11px}.titlebar-center{letter-spacing:1.3px;color:var(--muted);align-items:center;gap:6px;height:39px;font-size:10.5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.titlebar-center>*{pointer-events:none}.titlebar-center>.windows-download{pointer-events:auto;letter-spacing:0}.titlebar-center .windows-download{margin-left:8px;font-size:11px}.titlebar-controls{align-items:center;height:100%;display:flex}.titlebar-controls button{width:43px;height:100%;color:var(--secondary);border-radius:0;place-items:center;display:grid}.titlebar-controls button:hover{background:var(--surface-hover)}.titlebar-controls .close-window:hover{color:#fff;background:#a34141}.web-label{letter-spacing:1.2px;color:var(--muted);padding-right:20px;font-size:10.5px}.server-rail{background:var(--rail);background-image:var(--sheen);border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;padding-top:23px;display:flex}.rail-home{place-items:center;width:42px;height:38px;display:grid}.rail-home .logo{width:25px;height:25px;box-shadow:var(--shadow-sm);background:#dddcd2;border-radius:8px;padding:4px}:root[data-theme=light] .rail-home .logo{background:#fff}.rail-divider{background:var(--border-strong);width:22px;height:1px;margin:4px 0 6px}.rail-item{justify-content:center;width:100%;display:flex;position:relative}.rail-item:before{content:"";opacity:0;background:var(--accent);width:3px;height:8px;transition:height .24s var(--ease-out),opacity .18s var(--ease);border-radius:0 3px 3px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.rail-item:hover:before{opacity:.45;height:11px}.rail-item.selected:before,.rail-item.selected:hover:before{opacity:1;height:24px;box-shadow:0 0 12px var(--accent-line)}.server-button.icon-button{background:var(--surface);border:1px solid var(--border-strong);width:43px;height:43px;color:var(--secondary);transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),border-radius .24s var(--ease-out),box-shadow .2s var(--ease),transform .18s var(--ease-out);border-radius:14px;font-size:13px}.server-button.icon-button:hover:not(:disabled){box-shadow:var(--shadow-sm);border-radius:16px;transform:translateY(-1px)}.selected .server-button{background:linear-gradient(180deg,var(--accent),var(--accent))}@supports (color:color-mix(in lab,red,red)){.selected .server-button{background:linear-gradient(180deg,color-mix(in srgb,var(--accent),transparent 80%),color-mix(in srgb,var(--accent),transparent 90%))}}.selected .server-button{color:var(--accent-ink);border-color:var(--accent-line);box-shadow:inset 0 1px #ffffff14,0 4px 14px -8px var(--accent-line)}.server-monogram{letter-spacing:-2px;padding-bottom:4px;font-size:30px;font-weight:540;line-height:1}.server-monogram>span{color:var(--accent-ink)}.rail-add.icon-button{border:1px dashed var(--border-strong);width:39px;height:39px;color:var(--muted);border-radius:13px;margin-top:2px}.rail-join{margin-top:0}.rail-bottom{flex-direction:column;align-items:center;gap:18px;margin-top:auto;padding:20px 0 18px;display:flex}.channel-sidebar{background:var(--sidebar);background-image:var(--sheen);border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex;position:relative}.community-heading{border-bottom:1px solid var(--border);flex-shrink:0;padding:24px 20px 21px}.community-heading>button{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.community-heading>button>svg{color:var(--muted);margin-top:17px}.community-label{letter-spacing:1.7px;color:var(--muted);margin-bottom:8px;font-size:10.5px;display:block}.community-heading strong{letter-spacing:-.6px;font-size:17px;font-weight:550}.community-heading>p{color:var(--muted);align-items:center;gap:7px;margin-top:12px;font-size:11.5px;display:flex}.community-heading .tiny-dot{width:5px;height:5px}.sidebar-body{flex-direction:column;flex:1;min-height:0;padding:17px 12px 0;display:flex;overflow-y:auto}.quick-search{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--muted);transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease);border-radius:8px;align-items:center;gap:8px;margin-bottom:27px;padding:9px 8px;font-size:11.5px;display:flex}.quick-search>span{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.quick-search:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--secondary)}.quick-search kbd{color:var(--muted);border:1px solid var(--border-strong);white-space:nowrap;border-radius:3px;margin-left:auto;padding:1px 3px;font-family:inherit;font-size:11px}.sidebar-section-label{letter-spacing:1.6px;color:var(--muted);justify-content:space-between;align-items:center;height:20px;margin-bottom:13px;padding:0 8px;font-size:10.5px;display:flex}.sidebar-section-label .icon-button{width:20px;height:20px}.channel-group{margin-bottom:19px}.channel-group-title{justify-content:space-between;align-items:center;height:20px;margin-bottom:6px;padding:0 3px;display:flex}.channel-group-title>button{letter-spacing:.8px;color:var(--muted);text-transform:uppercase;align-items:center;gap:5px;padding:0;font-size:11px;font-weight:550;display:flex}.channel-group-title>.icon-button{opacity:0;width:22px;height:22px}.channel-group:hover .channel-group-title>.icon-button,.channel-group:focus-within .channel-group-title>.icon-button{opacity:1}.channel-button{width:100%;min-height:36px;color:var(--secondary);text-align:left;transition:background .16s var(--ease),color .16s var(--ease);border-radius:8px;align-items:center;gap:10px;margin:2px 0;padding:9px 11px;font-size:12px;display:flex;position:relative}.channel-button>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-button>svg:first-child{color:var(--muted)}.channel-button>svg:not(:first-child){color:var(--muted);margin-left:auto}.channel-button:hover{background:var(--surface)}.channel-button.active{background:linear-gradient(90deg,var(--accent),var(--accent))}@supports (color:color-mix(in lab,red,red)){.channel-button.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent),transparent 84%),color-mix(in srgb,var(--accent),transparent 95%))}}.channel-button.active{color:var(--accent-ink)}.channel-button.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:2px;height:17px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.channel-button.active>svg:first-child{color:var(--accent-ink)}.channel-button.connecting{background:var(--connecting)}@supports (color:color-mix(in lab,red,red)){.channel-button.connecting{background:color-mix(in srgb,var(--connecting),transparent 88%)}}.channel-button.connecting{color:var(--connecting)}.channel-button.connecting:before{background:var(--connecting)}.channel-button.connecting>svg:first-child,.channel-button.connecting>.voice-connecting-spinner{color:var(--connecting)}.voice-connecting-spinner{animation:1.1s linear infinite spin}.channel-button.unread{color:var(--text);font-weight:570}.channel-button .unread-badge{background:var(--accent);color:var(--on-accent);box-shadow:0 2px 8px -3px var(--accent-line);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:600}.channel-button .voice-active{color:var(--muted)!important}.channel-button .voice-active.speaking{color:var(--success)!important}.channel-voice-self{width:100%;color:var(--muted);align-items:center;gap:8px;padding:5px 10px 5px 35px;font-size:11.5px;display:flex}.channel-voice-self>svg:first-of-type{margin-left:auto}.channel-voice-self>svg+svg{margin-left:4px}.channel-voice-self.speaking>svg:last-child{color:var(--success)}.channel-voice-self>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.add-channel{color:var(--muted);text-align:left;align-items:center;gap:9px;padding:9px 10px;font-size:11.5px;display:flex}.add-channel:hover{color:var(--text)}.sidebar-note{opacity:.8;margin-top:auto;padding:38px 12px 28px;position:relative}.sidebar-note-symbol{margin-bottom:14px;display:block}.sidebar-note .logo{opacity:.45;filter:grayscale();width:25px;height:25px}.sidebar-note p{letter-spacing:-.4px;color:var(--secondary);font-size:15px;font-weight:400;line-height:1.6}.sidebar-note>span:last-child{color:var(--muted);margin-top:8px;font-size:11px;display:block}.user-bar{border-top:1px solid var(--border);background:var(--panel);height:68px;box-shadow:var(--hairline);flex-shrink:0;align-items:center;gap:4px;padding:12px;display:flex}.user-bar-profile{text-align:left;flex:1;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.user-bar-profile>span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.user-bar-profile strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:550;overflow:hidden}.user-bar-profile small{color:var(--muted);font-size:11px}.user-bar>div{display:flex}.user-bar .icon-button{width:26px;height:28px}.sidebar-resizer{z-index:10;cursor:col-resize;touch-action:none;width:5px;transition:background .15s;position:absolute;top:0;bottom:0;right:-3px}.sidebar-resizer:hover,.sidebar-resizer:focus-visible{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sidebar-resizer:hover,.sidebar-resizer:focus-visible{background:color-mix(in srgb,var(--accent),transparent 65%)}}.voice-mini{border-top:1px solid var(--border);background:var(--surface);padding:12px}.voice-mini>div{color:var(--success);align-items:center;gap:8px;display:flex}.voice-mini>div>button:not(.icon-button){text-align:left;flex:1;padding:0}.voice-mini strong{font-size:11.5px;font-weight:550;display:block}.voice-mini span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.voice-mini .icon-button{width:26px}.voice-mini.connecting{border-color:var(--connecting)}@supports (color:color-mix(in lab,red,red)){.voice-mini.connecting{border-color:color-mix(in srgb,var(--connecting),transparent 72%)}}.voice-mini.connecting{background:var(--connecting)}@supports (color:color-mix(in lab,red,red)){.voice-mini.connecting{background:color-mix(in srgb,var(--connecting),var(--surface) 92%)}}.voice-mini.connecting>div,.voice-mini.connecting strong{color:var(--connecting)}.main-panel{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.channel-header{border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--surface),transparent);flex-shrink:0;align-items:center;gap:14px;height:69px;padding:0 26px;display:flex}@supports (color:color-mix(in lab,red,red)){.channel-header{background:linear-gradient(180deg,color-mix(in srgb,var(--surface),transparent 45%),transparent)}}.channel-header{box-shadow:var(--hairline);z-index:2}.channel-header-icon{color:var(--muted);align-items:center;display:flex}.channel-header-title{flex:1;min-width:0}.channel-header-title h2{letter-spacing:-.2px;font-size:13px;font-weight:570}.channel-header-title>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:11.5px;display:block;overflow:hidden}.channel-header-actions{align-items:center;gap:5px;display:flex}.header-action-divider{background:var(--border-strong);width:1px;height:18px;margin:0 7px}.channel-header .icon-button{width:29px;height:29px}.connection-banner{background:var(--accent-soft);color:var(--accent-ink);flex-shrink:0;align-items:center;gap:8px;padding:9px 24px;font-size:11px;display:flex}.data-error{align-items:center;gap:10px;padding:0 20px;display:flex}.data-error>.error-notice{flex:1}.message-search{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:10px;padding:9px 24px;display:flex}.message-search>input{background:0 0;border:none;padding:4px;font-size:12px}.members-panel{border-left:1px solid var(--border);background:var(--panel);background-image:var(--sheen);flex-direction:column;min-height:0;display:flex}.members-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:69px;padding:0 21px;display:flex}.members-heading h2{font-size:12px;font-weight:550}.members-heading>span{color:var(--muted);border:1px solid var(--border-strong);border-radius:4px;padding:2px 5px;font-size:11px}.members-scroll{flex:1;padding:25px 12px;overflow-y:auto}.member-section-label{letter-spacing:1px;color:var(--muted);align-items:center;gap:6px;margin-bottom:15px;padding:0 9px;font-size:10.5px;display:flex}.member-section-label .tiny-dot{width:4px;height:4px}.member-row{text-align:left;width:100%;transition:background .16s var(--ease),color .16s var(--ease);border-radius:7px;align-items:center;gap:10px;padding:9px 8px;display:flex}.member-row:hover{background:var(--surface)}.member-row>span:nth-child(2){flex:1;min-width:0}.member-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.member-row small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.member-row strong>small{font-size:10.5px;display:inline}.member-row>svg{color:var(--accent-ink);opacity:.7}.offline-label{margin-top:30px;margin-bottom:13px}.member-offline{opacity:.55}.members-footer{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:10px;margin:0 20px 25px;padding-top:20px;display:flex}.members-footer svg{opacity:.6}.members-footer p{font-size:11px;line-height:1.7}.members-footer p>span{opacity:.7}.no-channel{color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:25px;display:flex}.no-channel h2{letter-spacing:-.7px;font-size:22px}.no-channel p{font-size:12px}.chat-view{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.message-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.channel-welcome{max-width:780px;padding:clamp(35px,7vh,65px) 36px 36px}.channel-symbol{background:var(--surface);border:1px solid var(--border);width:51px;height:51px;color:var(--secondary);border-radius:16px;place-items:center;margin-bottom:26px;display:grid}.channel-welcome>.eyebrow{letter-spacing:1.9px;margin-bottom:12px;font-size:10.5px}.channel-welcome h1{letter-spacing:-1.3px;font-size:31px;font-weight:520;line-height:1.25}.channel-welcome>p{color:var(--muted);max-width:440px;margin-top:12px;font-size:12px}.channel-welcome .text-link{margin-top:25px;font-size:11px}.welcome-note{border-top:1px solid var(--border);gap:15px;max-width:460px;margin-top:30px;padding-top:23px;display:flex}.welcome-note-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-ink);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.welcome-note strong{font-size:11px;font-weight:550}.welcome-note p{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.75}.messages{padding:0 0 25px}.message-row{min-height:66px;transition:background .14s var(--ease),box-shadow .14s var(--ease);gap:13px;padding:13px 31px;display:flex;position:relative}.message-row:hover,.message-row:focus-within,.message-row.editing{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.message-row:hover,.message-row:focus-within,.message-row.editing{background:color-mix(in srgb,var(--surface),transparent 55%)}}.message-row:hover,.message-row:focus-within,.message-row.editing{box-shadow:inset 2px 0 0 var(--accent)}@supports (color:color-mix(in lab,red,red)){.message-row:hover,.message-row:focus-within,.message-row.editing{box-shadow:inset 2px 0 color-mix(in srgb,var(--accent),transparent 82%)}}.avatar-button{align-self:flex-start;margin-top:2px;padding:0}.message-content{flex:1;min-width:0}.message-row.mine{flex-direction:row-reverse}.message-row.mine .message-content{text-align:right;flex:0 auto;max-width:min(74ch,78%)}.message-row.mine .message-byline,.message-row.mine .reactions{justify-content:flex-end}.message-row.mine .message-body{text-align:left;background:var(--accent-wash);border-radius:12px 12px 3px;padding:9px 12px}.message-row.mine .message-actions{left:24px;right:auto}.message-byline{align-items:baseline;gap:9px;margin:1px 0 7px;display:flex}.message-byline>button{text-align:left;padding:0;font-size:12px;font-weight:570}.message-byline>time{color:var(--muted);font-size:11px}.message-byline .edited{color:var(--muted);font-size:10.5px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font-size:14px;font-weight:500;line-height:1.55}@supports (color:color-mix(in lab,red,red)){.message-body{color:color-mix(in srgb,var(--text) 88%,var(--secondary))}}.message-body{max-width:74ch}.message-actions{background:var(--surface);border:1px solid var(--border-strong);opacity:0;pointer-events:none;transition:opacity .14s var(--ease),transform .16s var(--ease-out);box-shadow:var(--shadow-md);border-radius:9px;gap:1px;padding:2px;display:flex;position:absolute;top:-11px;right:24px;transform:translateY(3px)}.message-row:hover .message-actions,.message-row:focus-within .message-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.message-actions .icon-button{width:26px;height:25px}.date-divider{color:var(--muted);letter-spacing:.6px;align-items:center;gap:14px;margin:19px 31px 21px;font-size:11px;font-weight:550;display:flex}.date-divider:before,.date-divider:after{content:"";background:var(--border);flex:1;height:1px}.date-divider span{text-transform:none;white-space:nowrap;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:3px 10px}@supports (color:color-mix(in lab,red,red)){.date-divider span{background:color-mix(in srgb,var(--surface),transparent 40%)}}.compact .message-row{min-height:50px;padding-top:7px;padding-bottom:7px}.compact .message-byline{margin-bottom:3px}.compact .message-row .avatar{width:29px!important;height:29px!important;font-size:10px!important}.composer-area{flex-shrink:0;padding:0 25px 13px}.typing{height:24px;color:var(--muted);align-items:center;gap:7px;padding:0 4px;font-size:11px;display:flex}.typing-dots{gap:2px;display:flex}.typing-dots>i{background:var(--muted);border-radius:50%;width:3px;height:3px;animation:1.2s infinite typing}.typing-dots>i:nth-child(2){animation-delay:.15s}.typing-dots>i:nth-child(3){animation-delay:.3s}.composer{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--hairline),var(--shadow-sm);transition:border-color .2s var(--ease),box-shadow .2s var(--ease);border-radius:13px}.composer:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.composer:focus-within{border-color:color-mix(in srgb,var(--accent),transparent 58%)}}.composer:focus-within{box-shadow:0 0 0 3px var(--accent-glow),var(--shadow-md)}.composer-input{align-items:flex-end;gap:6px;min-height:54px;padding:10px 10px 10px 8px;display:flex}.composer textarea{resize:none;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;min-height:31px;max-height:144px;padding:6px 5px;font-size:12px;line-height:19px;outline:none!important}.composer textarea::placeholder{color:var(--muted)}.composer-input>.icon-button{width:29px;height:31px}.send-button{background:linear-gradient(180deg,var(--accent),var(--accent));width:32px;height:32px}@supports (color:color-mix(in lab,red,red)){.send-button{background:linear-gradient(180deg,color-mix(in srgb,var(--accent),#fff 12%),var(--accent))}}.send-button{color:var(--on-accent);box-shadow:inset 0 1px #ffffff5c,0 2px 10px -4px var(--accent-line);transition:transform .16s var(--ease-out),box-shadow .18s var(--ease),background .18s var(--ease);border-radius:9px;place-items:center;margin-left:4px;display:grid}.send-button:hover:not(:disabled){box-shadow:inset 0 1px #ffffff70,0 7px 18px -6px var(--accent-line);transform:translateY(-1px)}.send-button:disabled{background:var(--surface-hover);color:var(--muted);opacity:.65;box-shadow:none}.composer-foot{color:var(--muted);opacity:.8;justify-content:space-between;align-items:center;gap:15px;margin-top:10px;font-size:11px;display:flex}.composer-foot>span{align-items:center;gap:5px;display:flex}.composer-foot strong{font-weight:500}.composer-foot>span>span{margin:0 3px}.readonly .composer-input{opacity:.65}.pending-attachment{color:var(--secondary);align-items:center;gap:10px;padding:12px 13px 4px;display:flex}.pending-attachment>div{flex:1;min-width:0}.pending-attachment strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;display:block;overflow:hidden}.pending-attachment small{color:var(--muted);margin-top:3px;font-size:11px;display:block}progress{width:100%;height:4px;accent-color:var(--accent-ink);border:0;border-radius:3px;margin-top:7px;overflow:hidden}progress::-webkit-progress-bar{background:var(--surface-hover)}progress::-webkit-progress-value{background:var(--accent);transition:width .2s}.composer-emojis{border-top:1px solid var(--border);gap:7px;padding:7px 13px;display:flex}.composer-emojis button{border-radius:4px;width:29px;height:31px;font-size:18px}.composer-emojis button:hover{background:var(--surface-hover)}.attachment{max-width:350px;margin-top:11px}.file-attachment{background:var(--surface);border:1px solid var(--border-strong);text-align:left;border-radius:8px;align-items:center;gap:11px;min-width:225px;max-width:100%;padding:10px 12px;display:flex}.file-icon{background:var(--accent-soft);width:30px;height:35px;color:var(--accent-ink);border-radius:6px;place-items:center;display:grid}.file-attachment>span:nth-child(2){flex:1;min-width:0}.file-attachment strong{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:11px;font-weight:500;display:block;overflow:hidden}.file-attachment small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.file-attachment>svg{color:var(--muted)}.image-attachment{width:100%;max-width:350px;margin-bottom:6px;padding:0;display:block}.image-attachment img{object-fit:contain;border:1px solid var(--border);max-width:100%;max-height:280px;box-shadow:var(--shadow-sm);border-radius:10px}.image-preview{object-fit:contain;max-width:100%;max-height:60vh;margin:0 auto 20px;display:block}.reactions{gap:5px;margin-top:6px;display:flex}.reactions:empty{display:none}.reactions button{border:1px solid var(--border-strong);background:var(--surface);transition:background .16s var(--ease),border-color .16s var(--ease);border-radius:999px;gap:6px;padding:3px 8px;font-size:12px;display:flex}.reactions button:hover{background:var(--surface-hover);border-color:var(--accent-line)}.reactions button.mine{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.reactions button.mine{border-color:color-mix(in srgb,var(--accent),transparent 62%)}}.reactions button.mine{background:var(--accent-soft)}.reactions span{color:var(--secondary);align-self:center;font-size:11px}.reaction-picker{border:1px solid var(--border);background:var(--surface);border-radius:7px;align-items:center;gap:5px;width:fit-content;margin:7px 0;padding:5px;display:flex}.reaction-picker>button{place-items:center;width:26px;height:27px;font-size:16px;display:grid}.reaction-picker>button:hover{background:var(--surface-hover);border-radius:4px}.edit-message textarea{min-height:70px;font-size:12px}.edit-message>div{justify-content:flex-end;gap:8px;margin:8px 0;display:flex}.edit-message .button{min-height:28px;padding:6px 10px;font-size:11.5px}.history-loader{justify-content:center;padding:14px;display:flex}.history-loader button{font-size:11.5px}.empty-search{text-align:center;color:var(--muted);padding:60px 30px}.empty-search>svg{margin:0 auto 15px}.empty-search h3{font-size:17px}.empty-search p{margin-top:8px;font-size:12px}.jump-latest{border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:11.5px;display:flex;position:absolute;bottom:117px;right:32px}.drop-overlay{border:1px dashed var(--accent);background:var(--bg);z-index:20;color:var(--accent-ink);pointer-events:none;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:absolute;inset:14px}.drop-overlay h3{font-size:22px}.drop-overlay p{color:var(--muted);font-size:12px}.skeleton-list{padding:20px 32px}.skeleton-row{align-items:flex-start;gap:12px;margin-bottom:28px;display:flex}.skeleton{background:linear-gradient(90deg,var(--surface) 20%,var(--surface-hover) 45%,var(--surface) 70%);background-size:250% 100%;border-radius:5px;animation:1.8s ease-in-out infinite shimmer;display:block}.skeleton-avatar{border-radius:13px;width:36px;height:36px}.skeleton-row>div{flex:1;padding-top:4px}.skeleton-name{width:85px;height:9px;margin-bottom:13px}.skeleton-text{max-width:400px;height:10px}.sidebar-skeleton .skeleton-list{padding:6px 0}.sidebar-skeleton .skeleton-avatar{width:17px;height:17px}.sidebar-skeleton .skeleton-row{margin-bottom:20px}.sidebar-skeleton .skeleton-name{width:75%;height:9px}.sidebar-skeleton .skeleton-text{display:none}.dialog-overlay{-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);z-index:50;background:#05060a8c;position:fixed;inset:0}.dialog{background:var(--sidebar);border:1px solid var(--border-strong);z-index:51;width:min(440px,100vw - 36px);max-height:calc(100vh - 60px);box-shadow:var(--shadow-lg);border-radius:15px;padding:25px;position:fixed;top:50%;left:50%;overflow:auto;translate:-50% -50%}.dialog.wide{flex-direction:column;width:min(810px,100vw - 40px);height:min(650px,100vh - 40px);padding:0;display:flex;overflow:hidden}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:24px;display:flex}.dialog-heading h2{letter-spacing:-.6px;font-size:19px;font-weight:550;line-height:1.3}.dialog-heading p{color:var(--muted);margin-top:8px;font-size:11px}.dialog-heading>.icon-button{width:27px;height:27px;color:var(--muted);margin-top:-3px}.wide>.dialog-heading{border-bottom:1px solid var(--border);flex-shrink:0;margin:0;padding:25px 27px 23px}.dialog-actions{justify-content:flex-end;gap:8px;padding-top:5px;display:flex}.settings-layout{flex:1;grid-template-columns:196px 1fr;min-height:0;display:grid;overflow:hidden}.settings-nav{background:var(--rail);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:18px 12px;display:flex;overflow:auto}.settings-nav>button{text-align:left;color:var(--secondary);white-space:nowrap;border-radius:7px;align-items:center;gap:10px;padding:11px 12px;font-size:11px;display:flex}.settings-nav>button>svg:last-child:not(:first-child){margin-left:auto}.settings-nav>button:hover{background:var(--surface)}.settings-nav>button.active{background:var(--accent-soft);color:var(--accent-ink)}.settings-nav>button.logout{color:var(--danger);border-top:1px solid var(--border);border-radius:0;margin-top:18px;padding-top:17px}.settings-nav>small{color:var(--muted);letter-spacing:1px;margin-top:auto;padding:25px 12px 5px;font-size:10.5px;line-height:1.8}.settings-content{min-height:0;padding:27px 31px;overflow-y:auto}.settings-content h3{letter-spacing:-.4px;margin-bottom:20px;font-size:16px}.settings-content label{margin-bottom:18px;font-size:11px}.settings-content input,.settings-content textarea,.settings-content select{font-size:12px}.settings-content>.button{margin-top:5px}.settings-description{color:var(--muted);margin:0 0 22px;font-size:12px}.profile-edit-avatar{align-items:center;gap:18px;margin-bottom:25px;display:flex}.profile-edit-avatar .button{min-height:32px;padding:7px 12px;font-size:11.5px}.profile-edit-avatar small{color:var(--muted);margin-top:8px;font-size:11px;display:block}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.setting-row strong{color:var(--text);font-size:12px;font-weight:500}.setting-row small{max-width:280px;font-size:11.5px;line-height:1.6}.toggle{background:var(--surface-hover);width:32px;height:19px;transition:background .24s var(--ease);border-radius:12px;flex-shrink:0;align-items:center;padding:3px;display:flex}.toggle span{background:var(--muted);width:13px;height:13px;transition:transform .42s var(--spring-lively),width .22s var(--ease),background .2s var(--ease);border-radius:999px;display:block;box-shadow:0 1px 2px #0000002e}.toggle:active span{width:17px}.toggle.checked{background:var(--accent)}.toggle.checked span{background:var(--on-accent);transform:translate(13px)}.toggle.checked:active span{transform:translate(9px)}.setting-note{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:flex-start;gap:10px;margin-top:22px;padding:13px 15px;font-size:11.5px;line-height:1.8;display:flex}.setting-note>svg{margin-top:2px}.appearance-options{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0;display:grid}.appearance-options>button{border:1px solid var(--border-strong);border-radius:9px;padding:7px;overflow:hidden}.appearance-options>button.selected{border-color:var(--accent-ink);background:var(--accent-soft)}.appearance-options>button>span:last-child{align-items:center;gap:6px;padding:10px 2px 3px;font-size:11.5px;display:flex}.appearance-options>button>span:last-child>svg:last-child:not(:first-child){margin-left:auto}.theme-preview{background:#222326;border:1px solid #0002;border-radius:4px;height:69px;display:block;position:relative}.theme-preview:before{content:"";background:#191a1d;border-radius:4px 0 0 4px;width:27%;position:absolute;inset:0 auto 0 0}.theme-preview i{background:#ffffff15;border-radius:2px;height:4px;position:absolute;top:18px;left:38%;right:12%}.theme-preview i:nth-child(2){top:28px;right:23%}.theme-preview i:nth-child(3){height:12px;top:46px;right:8%}.theme-preview.light{background:#fbfbf8}.theme-preview.light:before{background:#e4e5df}.theme-preview.light i{background:#1d241018}.theme-preview.system{background:linear-gradient(90deg,#222326 50%,#fbfbf8 50%)}.device-label{margin-top:19px}.device-label>span{align-items:center;gap:7px;display:flex}.device-preview{margin-top:18px}.device-preview>video{aspect-ratio:16/9;background:var(--rail);border-radius:8px;width:100%;transform:scaleX(-1)}.mic-meter{color:var(--secondary);gap:8px;margin:14px 0 4px;font-size:12px;font-weight:500;display:grid}.mic-meter-track{background:var(--surface-hover);border-radius:999px;height:6px;overflow:hidden}.mic-meter-track>span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,var(--success),var(--success));height:100%;display:block}@supports (color:color-mix(in lab,red,red)){.mic-meter-track>span{background:linear-gradient(90deg,var(--success),color-mix(in srgb,var(--success),var(--accent) 45%))}}.mic-meter-track>span{transition:transform 60ms linear}.about-brand{padding:15px 0 25px}.about-brand>img{background:#dfddcf;border-radius:15px;width:49px;height:49px;padding:8px}.about-brand h2{letter-spacing:-.8px;margin:19px 0 8px;font-size:23px}.about-brand p{color:var(--muted);font-size:11px}.onboarding-progress{gap:5px;max-width:130px;margin:0 auto;display:flex}.onboarding-progress>span{background:var(--border-strong);border-radius:4px;flex:1;height:3px}.onboarding-progress>span.done{background:var(--accent)}.onboarding-step{text-align:center;min-height:260px;padding:30px 0 20px}.onboarding-step>.logo{width:50px;height:50px;margin:0 auto 22px}.onboarding-step>svg{color:var(--accent-ink);margin:8px auto 25px}.onboarding-step h2{letter-spacing:-1px;margin-bottom:14px;font-size:26px}.onboarding-step p{color:var(--secondary);max-width:320px;margin:auto;font-size:12px;line-height:1.9}.onboarding-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.theme-options{justify-content:center;gap:10px;margin-top:25px;display:flex}.theme-options>button{border:1px solid var(--border-strong);border-radius:8px;align-items:center;gap:8px;min-width:100px;padding:10px 17px;font-size:12px;display:flex}.theme-options>button>svg{width:16px}.theme-options>button.selected{border-color:var(--accent-ink);color:var(--accent-ink);background:var(--accent-soft)}.profile-card{padding:50px 6px 5px;position:relative}.profile-cover{background:var(--accent-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);height:84px;position:absolute;top:0;left:-25px;right:-25px;overflow:hidden}.profile-cover .logo{opacity:.12;filter:grayscale();width:130px;height:130px;position:absolute;top:-30px;right:30px;transform:rotate(-20deg)}.profile-card>.avatar{border:5px solid var(--sidebar)}.profile-card h2{letter-spacing:-.6px;margin-top:17px;font-size:23px}.profile-role{color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--border);border-radius:5px;margin-top:11px;padding:4px 8px;font-size:11px;display:inline-block}.profile-card>p{color:var(--secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 0 24px;font-size:12px}.management-form>label{margin-bottom:20px}.management-form>.button{width:100%;margin-top:4px}.invite-illustration{background:var(--accent-soft);width:65px;height:65px;color:var(--accent-ink);border-radius:20px;place-items:center;margin:0 auto 22px;display:grid}.invite-ready{text-align:center;padding:2px 0 20px}.invite-ready>svg{color:var(--success);margin:0 auto 12px}.invite-ready strong{font-size:17px}.invite-ready p{color:var(--muted);margin-top:8px;font-size:11px}.channel-type-options{gap:10px;margin:0 0 20px;display:flex}.channel-type-options>button{border:1px solid var(--border-strong);color:var(--secondary);border-radius:8px;flex:1;align-items:center;gap:10px;padding:15px 12px;font-size:12px;display:flex}.channel-type-options>button.selected{border-color:var(--accent-ink);color:var(--accent-ink);background:var(--accent-soft)}.checkbox-label{align-items:center;gap:9px;display:flex;font-size:11px!important}.checkbox-label input{width:14px;height:14px;accent-color:var(--accent-ink);margin:0}.command-search{background:var(--input);border:1px solid var(--border-strong);color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.command-search input{background:0 0;border:none;font-size:12px}.command-results{max-height:330px;padding:14px 0;overflow:auto}.command-results>button{text-align:left;width:100%;color:var(--secondary);border-radius:7px;align-items:center;gap:12px;padding:11px 10px;display:flex}.command-results>button:hover,.command-results>button:focus-visible{background:var(--surface)}.command-results>button>span{flex:1;font-size:12px}.command-results small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.command-results>button>svg{color:var(--muted)}.command-footer{color:var(--muted);border-top:1px solid var(--border);align-items:center;gap:7px;padding-top:13px;font-size:11px;display:flex}.voice-stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.voice-intro{text-align:center;flex-shrink:0;padding:30px 32px 21px}.voice-intro .eyebrow{justify-content:center;font-size:10.5px}.voice-intro .tiny-dot{width:4px;height:4px}.voice-intro h1{letter-spacing:-1px;margin:13px 0 8px;font-size:27px;font-weight:520}.voice-intro>p{color:var(--muted);font-size:11px}.voice-lobby{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.voice-connection-badge{border:1px solid var(--connecting);align-items:center;gap:7px;padding:6px 11px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.voice-connection-badge{border:1px solid color-mix(in srgb,var(--connecting),transparent 62%)}}.voice-connection-badge{background:var(--connecting);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.voice-connection-badge{background:color-mix(in srgb,var(--connecting),transparent 89%)}}.voice-connection-badge{color:var(--connecting);letter-spacing:.5px;font-size:11.5px;font-weight:750}.voice-connection-badge>svg{animation:1.1s linear infinite spin}.voice-lobby.connecting .voice-orbit>span:first-child{border-color:var(--connecting)}@supports (color:color-mix(in lab,red,red)){.voice-lobby.connecting .voice-orbit>span:first-child{border-color:color-mix(in srgb,var(--connecting),transparent 60%)}}.voice-lobby.connecting .voice-orbit>span:nth-child(2){border-color:var(--connecting)}@supports (color:color-mix(in lab,red,red)){.voice-lobby.connecting .voice-orbit>span:nth-child(2){border-color:color-mix(in srgb,var(--connecting),transparent 78%)}}.voice-lobby.connecting .voice-orbit>span:nth-child(2){animation:16s linear infinite spin}.voice-lobby.connecting .voice-orbit>div{color:var(--connecting);border-color:var(--connecting)}@supports (color:color-mix(in lab,red,red)){.voice-lobby.connecting .voice-orbit>div{border-color:color-mix(in srgb,var(--connecting),transparent 62%)}}.voice-lobby.connecting .voice-orbit>div{box-shadow:0 0 32px var(--connecting)}@supports (color:color-mix(in lab,red,red)){.voice-lobby.connecting .voice-orbit>div{box-shadow:0 0 32px color-mix(in srgb,var(--connecting),transparent 87%)}}.voice-orbit{place-items:center;width:205px;height:172px;margin-bottom:9px;display:grid;position:relative}.voice-orbit>span{border:1px solid var(--border-strong);border-radius:50%;width:150px;height:150px;position:absolute;top:11px;left:27px}.voice-orbit>span:nth-child(2){border-style:dashed;border-color:var(--border);width:200px;height:200px;top:-14px;left:2px}.voice-orbit>div{background:var(--surface);border:1px solid var(--border-strong);width:89px;height:89px;color:var(--accent-ink);border-radius:29px;place-items:center;display:grid;transform:rotate(-7deg)}.voice-orbit>div>svg{transform:rotate(7deg)}.voice-lobby h2{letter-spacing:-.9px;margin:26px 0 10px;font-size:24px;font-weight:480}.voice-lobby>p{color:var(--muted);font-size:12px;line-height:1.9}.voice-lobby>.button{min-width:150px;margin-top:27px;font-size:12px}.voice-lobby>small{color:var(--muted);align-items:center;gap:5px;margin:14px 0 10px;font-size:11px;display:flex}.voice-bottom-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;padding:20px;font-size:11px;display:flex}.voice-canvas{flex-direction:column;flex:1;justify-content:safe center;min-height:0;padding:5px 25px 30px;display:flex;overflow:auto}.participant-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));align-content:center;gap:12px;width:100%;max-width:100%;display:grid}.participant-grid:has(>.participant-tile:only-child){grid-template-columns:minmax(185px,360px);justify-content:center}.participant-tile{background:var(--surface);border:1px solid var(--border-strong);aspect-ratio:16/11;transition:border-color .2s var(--ease),box-shadow .25s var(--ease);box-shadow:var(--shadow-sm);background-image:linear-gradient(#ffffff08,#0000 60%);border-radius:14px;min-height:140px;position:relative;overflow:hidden}.participant-tile.speaking{border-color:var(--success);animation:speaking-breathe 1.6s var(--ease) infinite alternate;box-shadow:0 0 0 1px var(--success),0 0 30px -10px var(--success)}@supports (color:color-mix(in lab,red,red)){.participant-tile.speaking{box-shadow:0 0 0 1px color-mix(in srgb,var(--success),transparent 45%),0 0 30px -10px var(--success)}}.participant-tile video{object-fit:cover;width:100%;height:100%}.participant-tile video.mirrored{transform:scaleX(-1)}.participant-avatar{justify-content:center;align-items:center;height:100%;padding-bottom:14px;display:flex}.participant-label{color:var(--text);z-index:2;text-shadow:0 1px 6px #0006;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:12px;left:13px;right:13px}.participant-label small{color:var(--muted);font-size:11px}.participant-label:has(+.speaking-label){color:var(--success)}.participant-tile:has(video):after{content:"";pointer-events:none;background:linear-gradient(#0000,#0007);height:55px;position:absolute;bottom:0;left:0;right:0}.speaking-label{color:var(--success);background:var(--bg);border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:10.5px;display:flex;position:absolute;top:11px;left:12px}.participant-volume{background:var(--bg);opacity:0;border-radius:6px;align-items:center;gap:7px;padding:7px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.participant-tile:hover .participant-volume,.participant-tile:focus-within .participant-volume{opacity:1}.participant-volume input{width:70px;height:10px;accent-color:var(--accent-ink);border:none;padding:0}.waiting-company{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:24px;font-size:11.5px;display:flex}.waiting-company .tiny-dot{width:4px;height:4px}.call-controls{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:18px 23px;display:flex}.call-connection{width:150px;color:var(--success);flex:0 0 150px;grid-template-columns:5px auto;align-items:center;gap:5px;font-size:11px;display:grid}.call-connection .tiny-dot{width:4px;height:4px}.call-connection>small{color:var(--muted);grid-column:2;font-size:10.5px}.call-ping{font-variant-numeric:tabular-nums;text-align:center;min-width:42px;color:var(--success);background:var(--success);display:inline-block}@supports (color:color-mix(in lab,red,red)){.call-ping{background:color-mix(in srgb,var(--success),transparent 88%)}}.call-ping{border-radius:999px;padding:1px 6px}.call-ping.media{color:var(--accent-ink);background:var(--accent-wash)}.call-ping.ruim{color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.call-ping.ruim{background:color-mix(in srgb,var(--danger),transparent 86%)}}.call-buttons{flex-shrink:0;align-items:center;gap:7px;display:flex}.call-buttons>.icon-button{background:var(--surface);border:1px solid var(--border-strong);width:41px;height:40px;color:var(--secondary);box-shadow:var(--shadow-sm);border-radius:12px}.call-buttons>.icon-button:hover:not(:disabled){transform:translateY(-1px)}.call-buttons>.icon-button.enabled{color:var(--accent-ink);background:var(--accent-soft);border-color:var(--accent-line)}.call-buttons>.icon-button.hangup{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.call-buttons>.icon-button.hangup{background:color-mix(in srgb,var(--danger),transparent 84%)}}.call-buttons>.icon-button.hangup{color:var(--danger);border-color:var(--danger);margin-left:5px}@supports (color:color-mix(in lab,red,red)){.call-buttons>.icon-button.hangup{border-color:color-mix(in srgb,var(--danger),transparent 88%)}}.call-private{width:150px;color:var(--muted);flex:0 0 150px;justify-content:flex-end;align-items:center;gap:5px;font-size:10.5px;display:flex}.screen-share{border:1px solid var(--border-strong);background:var(--rail);border-radius:10px;flex-shrink:0;margin-bottom:14px;overflow:hidden}.screen-share>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 12px;display:flex}.screen-share-actions{align-items:center;gap:2px;display:flex}.screen-share>div>span{color:var(--secondary);align-items:center;gap:8px;font-size:11.5px;display:flex}.screen-share>video{object-fit:contain;background:#101112;width:100%;max-height:44vh;display:block}.screen-share:fullscreen{background:#000;border:0;border-radius:0;flex-direction:column;margin:0;display:flex}.screen-share:fullscreen>video{background:#000;flex:1;min-height:0;max-height:none}.screen-share:fullscreen>div{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .2s var(--ease);background:#05060abf;border:0;position:absolute;top:0;left:0;right:0}:is(.screen-share:fullscreen:hover>div,.screen-share:fullscreen:focus-within>div){opacity:1}.screen-focused .screen-share>video{max-height:60vh}.screen-focused .participant-grid{grid-template-columns:repeat(auto-fit,minmax(100px,140px));justify-content:center}.screen-focused .participant-tile{min-height:95px}.screen-focused .participant-avatar .avatar{width:38px!important;height:38px!important;font-size:13px!important}.voice-stage>.error-notice{margin:5px 24px 10px;font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tokki-breathe{0%,to{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-100% 0}}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes tooltip-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.app-shell{grid-template-columns:76px var(--sidebar-width) minmax(320px,1fr) 240px}.app-shell.members-hidden{grid-template-columns:76px var(--sidebar-width) minmax(320px,1fr)}.message-row{padding-left:40px;padding-right:40px}.channel-welcome{padding-left:45px}.composer-area{padding-left:35px;padding-right:35px}.auth-story{padding-left:65px}.auth-story-content{padding-left:35px}}@media(max-width:1150px){.app-shell{grid-template-columns:64px minmax(208px,220px) minmax(320px,1fr) 185px}.app-shell.members-hidden{grid-template-columns:64px minmax(208px,220px) minmax(320px,1fr)}.sidebar-resizer{display:none}.channel-header{padding:0 20px}.channel-header-title>span{max-width:250px}.channel-header-actions{gap:2px}.channel-welcome{padding-left:29px;padding-right:29px}.members-heading{padding:0 17px}.member-row{gap:8px}.members-scroll{padding-left:8px;padding-right:8px}.member-row>svg{display:none}.sidebar-note{padding-top:25px}.call-private,.call-connection>span:not(.tiny-dot){display:none}.call-connection{flex-basis:74px;grid-template-columns:4px auto;width:74px}.call-connection>small{grid-row:1}.call-controls{justify-content:center;gap:18px}.quick-search{gap:6px;font-size:11px}.quick-search kbd{font-size:10.5px}.user-bar{padding:10px}.composer-foot>span:last-child{display:none}.auth-story{padding:30px}.auth-story h1{font-size:51px}.auth-story-content{padding-left:0}.scene-symbol{left:130px}.chip-screen{right:-10px}.chip-voice{left:17px}.auth-scene{transform-origin:0;transform:scale(.9)}}@media(max-width:940px){.app-shell,.app-shell.members-hidden{grid-template-columns:61px 214px minmax(320px,1fr)}.members-panel,.titlebar-center{display:none}.app-shell.web .titlebar-center{display:flex}.channel-header-actions>.header-action-divider,.channel-header-actions>.icon-button:last-child{display:none}.channel-welcome h1{font-size:28px}.auth-story h1{letter-spacing:-2px;font-size:45px}.auth-story footer>span:last-child{display:none}.auth-form-panel{padding-left:32px;padding-right:32px}.auth-story-content>p{font-size:11px}.auth-scene{transform:scale(.8)}.auth-story-content{padding-top:30px}.auth-form-wrap h2{font-size:24px}.channel-header-title>span{max-width:220px}}@media(max-height:760px){.auth-story-content{padding-top:30px}.auth-story h1{font-size:48px}.auth-scene{height:170px;margin-top:10px}.auth-form-wrap{margin:12px 0}.auth-form-wrap form{gap:13px;margin-top:23px}.auth-story{min-height:610px}.channel-welcome{padding-top:34px;padding-bottom:30px}.sidebar-note{padding-top:22px;padding-bottom:22px}.sidebar-note p{font-size:13px}.sidebar-note .logo{width:21px;height:21px}.voice-intro{padding:23px}.voice-orbit{height:120px;transform:scale(.8)}.voice-lobby h2,.voice-lobby>.button{margin-top:20px}.voice-lobby{padding-top:8px}}@media(max-width:700px){.app-shell.web .titlebar-brand{flex:0 0 32px;padding-left:8px}.app-shell.web .titlebar-brand>span{display:none}.auth-topline{justify-content:space-between;gap:6px;left:18px;right:18px}.auth-topline .private-badge,.auth-topline .windows-download{font-size:11px}.auth-topline .windows-download{padding:5px 8px}body{overflow:auto}.app-shell,.app-shell.members-hidden{grid-template-columns:52px 160px minmax(280px,1fr);min-width:360px;overflow-x:auto}.sidebar-body{padding:13px 7px}.community-heading{padding:21px 12px}.community-heading strong{font-size:15px}.quick-search>span{display:none}.quick-search{justify-content:space-between}.channel-button{gap:6px;padding-left:8px;font-size:11px}.user-bar-profile>span:last-child{display:none}.sidebar-note{padding-left:8px}.auth{grid-template-columns:1fr}.auth-story{display:none}.auth-form-panel{min-height:100vh;padding:85px 28px}.auth-form-wrap{max-width:340px}.auth-form-wrap h2{font-size:29px}.auth-bottom{bottom:25px}.settings-layout{grid-template-columns:140px 1fr}.settings-nav{padding:10px 5px}.settings-nav>button{gap:7px;padding:10px 8px;font-size:11.5px}.settings-content{padding:23px 18px}.appearance-options{gap:5px}.appearance-options>button{padding:5px}.appearance-options>button>span:last-child{font-size:10.5px}.settings-nav>small{padding-left:7px}.dialog.wide{width:calc(100vw - 18px)}.settings-content .button{padding:9px 11px;font-size:11.5px}.titlebar-caption{display:none}.web-label{font-size:7px}.composer-area{padding-left:16px;padding-right:16px}.channel-welcome{padding-left:23px}.message-row{padding-left:21px;padding-right:21px}.channel-header{padding:0 18px}.settings-content label{font-size:11.5px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skeleton{background:var(--surface-hover)}.typing-dots>i{opacity:.8}.mini-waves{animation:none}}:root[data-theme=light] .logo,.scene-symbol .logo,.rail-home .logo{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%20role='img'%20aria-label='Símbolo%20Tokki'%3e%3cdefs%3e%3clinearGradient%20id='tokkiInk'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%2327313c'/%3e%3cstop%20offset='1'%20stop-color='%23111821'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M94.91,4.17%20Q113.89,4.63%20118.06,9.26%20Q122.22,13.89%20122.22,19.91%20Q122.22,25.93%20117.13,31.02%20Q112.04,36.11%2099.07,36.11%20Q86.11,36.11%2075.93,38.43%20Q65.74,40.74%2057.87,45.83%20Q50.00,50.93%2045.37,56.48%20Q40.74,62.04%2036.57,72.22%20Q32.41,82.41%2031.94,91.67%20Q31.48,100.93%2035.19,112.04%20Q38.89,123.15%2045.37,131.02%20Q51.85,138.89%2052.31,143.52%20Q52.78,148.15%2051.39,151.39%20Q50.00,154.63%2047.22,156.94%20Q44.44,159.26%2037.96,159.72%20Q31.48,160.19%2028.70,158.80%20Q25.93,157.41%2019.91,150.00%20Q13.89,142.59%207.87,128.70%20Q1.85,114.81%200.93,99.07%20Q0.00,83.33%201.39,75.93%20Q2.78,68.52%207.87,56.94%20Q12.96,45.37%2023.15,33.80%20Q33.33,22.22%2044.44,15.74%20Q55.56,9.26%2065.74,6.48%20Q75.93,3.70%2094.91,4.17Z'%20fill='%23ffc20a'/%3e%3cpath%20d='M159.26,38.43%20Q165.74,38.89%20173.61,46.30%20Q181.48,53.70%20189.35,68.98%20Q197.22,84.26%20198.61,91.67%20Q200.00,99.07%20200.00,108.33%20Q200.00,117.59%20198.15,126.39%20Q196.30,135.19%20192.13,144.44%20Q187.96,153.70%20179.17,164.35%20Q170.37,175.00%20157.41,182.87%20Q144.44,190.74%20133.33,193.52%20Q122.22,196.30%2092.59,195.83%20Q62.96,195.37%2061.57,193.98%20Q60.19,192.59%2060.19,189.35%20Q60.19,186.11%2067.13,176.39%20Q74.07,166.67%2078.24,164.81%20Q82.41,162.96%20101.85,162.96%20Q121.30,162.96%20128.24,161.11%20Q135.19,159.26%20142.59,154.63%20Q150.00,150.00%20155.56,143.52%20Q161.11,137.04%20164.81,127.31%20Q168.52,117.59%20168.52,107.41%20Q168.52,97.22%20165.28,88.43%20Q162.04,79.63%20154.17,71.76%20Q146.30,63.89%20144.44,60.19%20Q142.59,56.48%20143.52,50.46%20Q144.44,44.44%20148.61,41.20%20Q152.78,37.96%20159.26,38.43Z'%20fill='url(%23tokkiInk)'/%3e%3ccircle%20cx='80'%20cy='102'%20r='10.5'%20fill='%23151d26'/%3e%3ccircle%20cx='122'%20cy='102'%20r='10.5'%20fill='%23151d26'/%3e%3c/svg%3e")}.share-picker-overlay{z-index:60;-webkit-backdrop-filter:blur(8px)saturate(1.05);backdrop-filter:blur(8px)saturate(1.05);background:#05060ab3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.share-picker{background:var(--sidebar);border:1px solid var(--border-strong);width:min(860px,100%);max-height:min(680px,100vh - 48px);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;gap:16px;padding:22px 24px;display:flex}.share-picker-heading{align-items:center;gap:13px;display:flex}.share-picker-mark{width:38px;height:38px;color:var(--accent-ink);background:var(--accent-wash);border:1px solid var(--accent-line);border-radius:11px;flex:none;place-items:center;display:grid}.share-picker-heading h2{letter-spacing:-.01em;font-size:16px;font-weight:700}.share-picker-heading p{color:var(--muted);margin-top:1px;font-size:12.5px}.share-picker-tabs{border-bottom:1px solid var(--border);gap:6px;padding-bottom:10px;display:flex}.share-picker-tabs button{color:var(--secondary);transition:background .15s var(--ease),color .15s var(--ease);border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:600;display:flex}.share-picker-tabs button:hover{background:var(--surface-hover)}.share-picker-tabs button.active{color:var(--accent-ink);background:var(--accent-wash);border-color:var(--accent-line)}.share-picker-tabs small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.share-picker-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));align-content:start;gap:12px;min-height:190px;padding:2px;display:grid;overflow-y:auto}.share-picker-empty{text-align:center;color:var(--muted);grid-column:1/-1;align-self:center;font-size:13px}.share-source{border:1px solid var(--border);background:var(--surface);text-align:left;transition:border-color .15s var(--ease),background .15s var(--ease);border-radius:12px;flex-direction:column;gap:8px;padding:8px;display:flex}.share-source:hover{background:var(--surface-hover);border-color:var(--border-strong)}.share-source.selected{border-color:var(--accent-ink);background:var(--accent-wash)}.share-source-frame{aspect-ratio:16/9;color:var(--muted);background:#05060a;border-radius:8px;place-items:center;display:grid;overflow:hidden}.share-source-frame img{object-fit:contain;width:100%;height:100%}.share-source-label{min-width:0;color:var(--secondary);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.share-source.selected .share-source-label{color:var(--text)}.share-source-label>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-picker-audio{border:1px solid var(--border);background:var(--surface);color:var(--secondary);cursor:pointer;border-radius:11px;align-items:center;gap:11px;padding:11px 13px;display:flex}.share-picker-audio>span{min-width:0;color:var(--text);flex:auto;font-size:13px;font-weight:600}.share-picker-audio>svg{flex:none}.share-picker-audio>input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-ink);flex:0 0 18px;margin:0 0 0 auto;padding:0}.rail-direct-item{margin-top:8px}.rail-friends.server-button.icon-button{color:var(--secondary)}.rail-direct-item.selected .rail-friends{color:var(--accent-ink)}.rail-unread{background:var(--accent);min-width:19px;height:19px;color:var(--rail);border:2px solid var(--rail);text-align:center;pointer-events:none;border-radius:10px;padding:0 4px;font-size:10px;font-weight:700;line-height:15px;position:absolute;top:-4px;right:-5px}.direct-heading strong{font-size:16px}.direct-view .direct-section-heading{margin:22px 4px 9px}.direct-row{min-width:0;transition:background .16s var(--ease);border-radius:10px;align-items:center;gap:2px;margin-bottom:3px;display:flex}.direct-row:hover{background:var(--surface-hover)}.direct-row.active{background:var(--accent-wash);box-shadow:inset 2px 0 var(--accent)}.direct-row>button:first-child{text-align:left;min-width:0;color:var(--secondary);flex:1;align-items:center;gap:10px;padding:10px 8px;display:flex}.direct-row.active>button:first-child{color:var(--text);font-weight:650}.direct-row>button:first-child>span:not(.avatar):not(.unread-badge){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.direct-row>button:last-child{color:var(--muted);flex:none;margin-right:5px}.direct-row>button:last-child:hover{color:var(--accent-ink)}.direct-view .sidebar-body{padding-top:19px}.direct-view .sidebar-body .quick-search{flex:none}.home-group-row{width:100%;color:var(--secondary);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:10px 9px;display:flex}.home-group-row:hover{background:var(--surface-hover);color:var(--text)}.home-group-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friends-home{padding:36px;overflow:auto}.friends-home-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.friends-home-heading h1{font-size:24px}.friends-home-heading button{color:var(--accent-ink);align-items:center;gap:7px;display:flex}.friends-home>p{color:var(--muted);margin-bottom:22px}.friends-home-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;max-width:740px;padding:11px 12px;display:flex}.friends-home-row>button:first-child{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.friends-home-row>button:first-child>span:last-child{gap:3px;min-width:0;display:grid}.friends-home-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friends-home-row small{color:var(--muted)}.friend-search{border:1px solid var(--border-strong);background:var(--input);border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.friend-search input{background:0 0;border:0;margin:0}.friend-list{gap:4px;max-height:360px;margin-top:14px;display:grid;overflow:auto}.friend-row{background:var(--surface);border-radius:10px;align-items:center;gap:9px;min-width:0;padding:8px;display:flex}.friend-name{flex:1;min-width:0;display:grid}.friend-name strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.friend-name small{color:var(--muted);font-size:11px}.friend-empty{text-align:center;color:var(--muted);padding:22px 10px}.profile-friend-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0;display:flex}.incoming-call{text-align:center;flex-direction:column;align-items:center;gap:9px;padding:12px 0 4px;display:flex}.incoming-call strong{color:var(--text);font-size:18px}.incoming-call>span{color:var(--muted)}.incoming-call-actions{justify-content:center;gap:10px;width:100%;margin-top:16px;display:flex}.share-picker-audio small{color:var(--muted);margin-top:1px;font-size:11.5px;font-weight:500;display:block}.share-picker-actions{justify-content:flex-end;gap:9px;display:flex}.update-island{z-index:1001;background:var(--island);color:#f5f5f7;height:27px;box-shadow:0 0 0 .5px var(--island-ring),0 8px 22px -8px #000000b3;-webkit-app-region:no-drag;letter-spacing:-.01em;transform-origin:50% 0;align-items:center;padding:0 5px 0 6px;font-family:-apple-system,SF Pro Text,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;display:flex;position:fixed;top:6px;left:50%;overflow:hidden;translate:-50%}:root[data-theme=light] .update-island{box-shadow:0 8px 22px -10px #0006}:root[data-update-island] .titlebar-center>span{opacity:0;transition:opacity .2s}.island-row{white-space:nowrap;align-items:center;gap:8px;padding-right:4px;display:inline-flex}.island-title{font-size:12px;font-weight:600}.island-meta{color:#98989d;font-variant-numeric:tabular-nums;text-align:right;min-width:3ch;padding-right:4px;font-size:12px;font-weight:500}.island-ring{flex:none;transform:rotate(-90deg)}.island-ring circle{fill:none;stroke-width:2.2px}.island-ring-track{stroke:#ffffff26}.island-ring-fill{stroke:#f5f5f7;stroke-linecap:round}.island-app{background:#ffd219;border-radius:5px;flex:none;width:17px;height:17px;padding:2px}.island-dot{background:#ff9f0a;border-radius:50%;width:7px;height:7px;margin:0 3px 0 5px;box-shadow:0 0 0 3px #ff9f0a2e}.island-action{color:#000;letter-spacing:-.01em;height:20px;transition:background .18s,transform .18s var(--ease),opacity .18s;background:#f5f5f7;border-radius:999px;padding:0 10px;font-size:11.5px;font-weight:600}.island-action:hover:not(:disabled){background:#fff}.island-action:active:not(:disabled){transform:scale(.95)}.island-action:disabled{opacity:.6;cursor:default}.island-action.quiet{color:#f5f5f7;background:#ffffff1f}.island-action.quiet:hover:not(:disabled){background:#ffffff2e}.island-action:focus-visible{outline-offset:2px;outline:2px solid #0a84ff}.action-island-area{z-index:1000;pointer-events:none;justify-content:center;display:flex;position:fixed;top:49px;left:0;right:0}.action-island{background:var(--island);color:#f5f5f7;max-width:min(580px,100vw - 48px);height:34px;box-shadow:0 0 0 .5px var(--island-ring),0 12px 30px -10px #000000b3;letter-spacing:-.01em;transition:width .5s var(--spring-lively),transform .22s,opacity .18s;animation:island-enter .5s var(--spring-lively) both;border-radius:999px;font-family:-apple-system,SF Pro Text,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;overflow:hidden}:root[data-theme=light] .action-island{box-shadow:0 12px 28px -12px #00000073}@keyframes island-enter{0%{opacity:0;transform:translateY(-8px)scale(.55)}}.action-island.exit{opacity:1;transition:width .2s cubic-bezier(.4,0,.2,1) 80ms;animation:.16s cubic-bezier(.4,0,1,1) .28s forwards island-exit;transform:none}@keyframes island-exit{to{opacity:0;transform:translateY(-6px)scale(.35)}}.action-island-content{white-space:nowrap;align-items:center;gap:9px;width:max-content;max-width:min(580px,100vw - 48px);height:34px;padding:0 15px 0 7px;display:inline-flex}.action-island-icon{color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.action-island-icon.success{background:#30d158}.action-island-icon.info{background:#0a84ff}.action-island-icon.warning{background:#ff9f0a}.action-island-icon.error{background:#ff453a}.action-island-message{text-overflow:ellipsis;opacity:0;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.action-island.expanded .action-island-message{animation:.22s ease-out 60ms both island-text}@keyframes island-text{0%{opacity:0;filter:blur(2px);transform:translateY(3px)}to{opacity:1;filter:none;transform:none}}.action-island.exit .action-island-message,.action-island.exit .action-island-count{animation:.1s ease-in forwards island-text-exit}@keyframes island-text-exit{to{opacity:0;filter:blur(2px);transform:translateY(-2px)}}.action-island-count{color:#ffffffd9;background:#ffffff24;border-radius:999px;flex:none;padding:1px 6px;font-size:10.5px;font-weight:700}@media(prefers-reduced-motion:reduce){.voice-connecting-spinner,.voice-connection-badge>svg,.voice-lobby.connecting .voice-orbit>span:nth-child(2){animation:none}.action-island,.action-island.exit,.action-island.expanded .action-island-message,.action-island.exit .action-island-message{transition:opacity .15s;animation:none}.action-island.expanded .action-island-message{opacity:1}.action-island.exit{opacity:0}}.voice-stage{animation:view-in .42s var(--spring-soft) backwards}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}}.message-row{animation:message-in .46s var(--spring-soft) backwards}.private-chat .message-row{animation:none}@keyframes message-in{0%{opacity:0;transform:translateY(10px)scale(.995)}}.date-divider{animation:fade-in .5s var(--ease) backwards}@keyframes fade-in{0%{opacity:0}}.unread-badge,.rail-unread{animation:badge-pop .5s var(--spring-lively) backwards}@keyframes badge-pop{0%{opacity:0;transform:scale(.4)}}@keyframes speaking-breathe{0%{box-shadow:0 0 0 1px color-mix(in srgb,var(--success),transparent 55%),0 0 22px -12px var(--success)}to{box-shadow:0 0 0 1px color-mix(in srgb,var(--success),transparent 35%),0 0 34px -8px var(--success)}}.channel-button,.direct-row,.member-row{transition:background .2s var(--ease),color .2s var(--ease),box-shadow .25s var(--ease),transform .36s var(--spring-lively)}.message-actions{transition:opacity .16s var(--ease),transform .3s var(--spring-soft)}input,textarea,select{transition:border-color .2s var(--ease),box-shadow .25s var(--ease),background .2s var(--ease)}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px var(--accent-glow)}::selection{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--accent),transparent 62%)}}::view-transition-old(root){animation-duration:.36s;animation-timing-function:var(--ease)}::view-transition-new(root){animation-duration:.36s;animation-timing-function:var(--ease)}.titlebar,.window-chrome{-webkit-app-region:drag}.titlebar button,.titlebar a,.titlebar input,.window-chrome button{-webkit-app-region:no-drag}.window-chrome{z-index:900;justify-content:flex-end;height:34px;display:flex;position:fixed;inset:0 0 auto}.window-chrome .titlebar-controls button{color:var(--muted)}.window-chrome .titlebar-controls button:hover{color:var(--text)}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}