*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-fa6-brands-android{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 576 512' width='1.36em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M420.55 301.93a24 24 0 1 1 24-24a24 24 0 0 1-24 24m-265.1 0a24 24 0 1 1 24-24a24 24 0 0 1-24 24m273.7-144.48l47.94-83a10 10 0 1 0-17.27-10l-48.54 84.07a301.25 301.25 0 0 0-246.56 0l-48.54-84.07a10 10 0 1 0-17.27 10l47.94 83C64.53 202.22 8.24 285.55 0 384h576c-8.24-98.45-64.54-181.78-146.85-226.55'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.36em;height:1.2em}.i-fa6-brands-apple{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 384 512' width='0.9em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8c-18.8-26.9-47.2-41.7-84.7-44.6c-35.5-2.8-74.3 20.7-88.5 20.7c-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2c25.2-.6 43-17.9 75.8-17.9c31.8 0 48.3 17.9 76.4 17.9c48.6-.7 90.4-82.5 102.6-119.3c-65.2-30.7-61.7-90-61.7-91.9m-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5c-24.1 1.4-52 16.4-67.9 34.9c-17.5 19.8-27.8 44.3-25.6 71.9c26.1 2 49.9-11.4 69.5-34.3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:.9em;height:1.2em}.i-fa6-brands-github{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 496 512' width='1.17em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M165.9 397.4c0 2-2.3 3.6-5.2 3.6c-3.3.3-5.6-1.3-5.6-3.6c0-2 2.3-3.6 5.2-3.6c3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9c2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9c.3 2 2.9 3.3 5.9 2.6c2.9-.7 4.9-2.6 4.6-4.6c-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2c12.8 2.3 17.3-5.6 17.3-12.1c0-6.2-.3-40.4-.3-61.4c0 0-70 15-84.7-29.8c0 0-11.4-29.1-27.8-36.6c0 0-22.9-15.7 1.6-15.4c0 0 24.9 2 38.6 25.8c21.9 38.6 58.6 27.5 72.9 20.9c2.3-16 8.8-27.1 16-33.7c-55.9-6.2-112.3-14.3-112.3-110.5c0-27.5 7.6-41.3 23.6-58.9c-2.6-6.5-11.1-33.3 2.6-67.9c20.9-6.5 69 27 69 27c20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27c13.7 34.7 5.2 61.4 2.6 67.9c16 17.7 25.8 31.5 25.8 58.9c0 96.5-58.9 104.2-114.8 110.5c9.2 7.9 17 22.9 17 46.4c0 33.7-.3 75.4-.3 83.6c0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252C496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2c1.6 1.6 3.9 2.3 5.2 1c1.3-1 1-3.3-.7-5.2c-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9c1.6 1 3.6.7 4.3-.7c.7-1.3-.3-2.9-2.3-3.9c-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2c2.3 2.3 5.2 2.6 6.5 1c1.3-1.3.7-4.3-1.3-6.2c-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2c-1.4-2.3-4-3.3-5.6-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.17em;height:1.2em}.i-fa6-brands-linux{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 448 512' width='1.06em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M220.8 123.3c1 .5 1.8 1.7 3 1.7c1.1 0 2.8-.4 2.9-1.5c.2-1.4-1.9-2.3-3.2-2.9c-1.7-.7-3.9-1-5.5-.1c-.4.2-.8.7-.6 1.1c.3 1.3 2.3 1.1 3.4 1.7m-21.9 1.7c1.2 0 2-1.2 3-1.7c1.1-.6 3.1-.4 3.5-1.6c.2-.4-.2-.9-.6-1.1c-1.6-.9-3.8-.6-5.5.1c-1.3.6-3.4 1.5-3.2 2.9c.1 1 1.8 1.5 2.8 1.4M420 403.8c-3.6-4-5.3-11.6-7.2-19.7c-1.8-8.1-3.9-16.8-10.5-22.4c-1.3-1.1-2.6-2.1-4-2.9c-1.3-.8-2.7-1.5-4.1-2c9.2-27.3 5.6-54.5-3.7-79.1c-11.4-30.1-31.3-56.4-46.5-74.4c-17.1-21.5-33.7-41.9-33.4-72C311.1 85.4 315.7.1 234.8 0C132.4-.2 158 103.4 156.9 135.2c-1.7 23.4-6.4 41.8-22.5 64.7c-18.9 22.5-45.5 58.8-58.1 96.7c-6 17.9-8.8 36.1-6.2 53.3c-6.5 5.8-11.4 14.7-16.6 20.2c-4.2 4.3-10.3 5.9-17 8.3s-14 6-18.5 14.5c-2.1 3.9-2.8 8.1-2.8 12.4c0 3.9.6 7.9 1.2 11.8c1.2 8.1 2.5 15.7.8 20.8c-5.2 14.4-5.9 24.4-2.2 31.7c3.8 7.3 11.4 10.5 20.1 12.3c17.3 3.6 40.8 2.7 59.3 12.5c19.8 10.4 39.9 14.1 55.9 10.4c11.6-2.6 21.1-9.6 25.9-20.2c12.5-.1 26.3-5.4 48.3-6.6c14.9-1.2 33.6 5.3 55.1 4.1c.6 2.3 1.4 4.6 2.5 6.7v.1c8.3 16.7 23.8 24.3 40.3 23c16.6-1.3 34.1-11 48.3-27.9c13.6-16.4 36-23.2 50.9-32.2c7.4-4.5 13.4-10.1 13.9-18.3c.4-8.2-4.4-17.3-15.5-29.7M223.7 87.3c9.8-22.2 34.2-21.8 44-.4c6.5 14.2 3.6 30.9-4.3 40.4c-1.6-.8-5.9-2.6-12.6-4.9c1.1-1.2 3.1-2.7 3.9-4.6c4.8-11.8-.2-27-9.1-27.3c-7.3-.5-13.9 10.8-11.8 23c-4.1-2-9.4-3.5-13-4.4c-1-6.9-.3-14.6 2.9-21.8M183 75.8c10.1 0 20.8 14.2 19.1 33.5c-3.5 1-7.1 2.5-10.2 4.6c1.2-8.9-3.3-20.1-9.6-19.6c-8.4.7-9.8 21.2-1.8 28.1c1 .8 1.9-.2-5.9 5.5c-15.6-14.6-10.5-52.1 8.4-52.1m-13.6 60.7c6.2-4.6 13.6-10 14.1-10.5c4.7-4.4 13.5-14.2 27.9-14.2c7.1 0 15.6 2.3 25.9 8.9c6.3 4.1 11.3 4.4 22.6 9.3c8.4 3.5 13.7 9.7 10.5 18.2c-2.6 7.1-11 14.4-22.7 18.1c-11.1 3.6-19.8 16-38.2 14.9c-3.9-.2-7-1-9.6-2.1c-8-3.5-12.2-10.4-20-15c-8.6-4.8-13.2-10.4-14.7-15.3q-2.1-7.35 4.2-12.3m3.3 334c-2.7 35.1-43.9 34.4-75.3 18c-29.9-15.8-68.6-6.5-76.5-21.9c-2.4-4.7-2.4-12.7 2.6-26.4v-.2c2.4-7.6.6-16-.6-23.9c-1.2-7.8-1.8-15 .9-20c3.5-6.7 8.5-9.1 14.8-11.3c10.3-3.7 11.8-3.4 19.6-9.9c5.5-5.7 9.5-12.9 14.3-18c5.1-5.5 10-8.1 17.7-6.9c8.1 1.2 15.1 6.8 21.9 16l19.6 35.6c9.5 19.9 43.1 48.4 41 68.9m-1.4-25.9c-4.1-6.6-9.6-13.6-14.4-19.6c7.1 0 14.2-2.2 16.7-8.9c2.3-6.2 0-14.9-7.4-24.9c-13.5-18.2-38.3-32.5-38.3-32.5c-13.5-8.4-21.1-18.7-24.6-29.9s-3-23.3-.3-35.2c5.2-22.9 18.6-45.2 27.2-59.2c2.3-1.7.8 3.2-8.7 20.8c-8.5 16.1-24.4 53.3-2.6 82.4c.6-20.7 5.5-41.8 13.8-61.5c12-27.4 37.3-74.9 39.3-112.7c1.1.8 4.6 3.2 6.2 4.1c4.6 2.7 8.1 6.7 12.6 10.3c12.4 10 28.5 9.2 42.4 1.2c6.2-3.5 11.2-7.5 15.9-9c9.9-3.1 17.8-8.6 22.3-15c7.7 30.4 25.7 74.3 37.2 95.7c6.1 11.4 18.3 35.5 23.6 64.6c3.3-.1 7 .4 10.9 1.4c13.8-35.7-11.7-74.2-23.3-84.9c-4.7-4.6-4.9-6.6-2.6-6.5c12.6 11.2 29.2 33.7 35.2 59c2.8 11.6 3.3 23.7.4 35.7c16.4 6.8 35.9 17.9 30.7 34.8c-2.2-.1-3.2 0-4.2 0c3.2-10.1-3.9-17.6-22.8-26.1c-19.6-8.6-36-8.6-38.3 12.5c-12.1 4.2-18.3 14.7-21.4 27.3c-2.8 11.2-3.6 24.7-4.4 39.9c-.5 7.7-3.6 18-6.8 29c-32.1 22.9-76.7 32.9-114.3 7.2m257.4-11.5c-.9 16.8-41.2 19.9-63.2 46.5c-13.2 15.7-29.4 24.4-43.6 25.5s-26.5-4.8-33.7-19.3c-4.7-11.1-2.4-23.1 1.1-36.3c3.7-14.2 9.2-28.8 9.9-40.6c.8-15.2 1.7-28.5 4.2-38.7c2.6-10.3 6.6-17.2 13.7-21.1c.3-.2.7-.3 1-.5c.8 13.2 7.3 26.6 18.8 29.5c12.6 3.3 30.7-7.5 38.4-16.3c9-.3 15.7-.9 22.6 5.1c9.9 8.5 7.1 30.3 17.1 41.6c10.6 11.6 14 19.5 13.7 24.6M173.3 148.7c2 1.9 4.7 4.5 8 7.1c6.6 5.2 15.8 10.6 27.3 10.6c11.6 0 22.5-5.9 31.8-10.8c4.9-2.6 10.9-7 14.8-10.4s5.9-6.3 3.1-6.6s-2.6 2.6-6 5.1c-4.4 3.2-9.7 7.4-13.9 9.8c-7.4 4.2-19.5 10.2-29.9 10.2s-18.7-4.8-24.9-9.7c-3.1-2.5-5.7-5-7.7-6.9c-1.5-1.4-1.9-4.6-4.3-4.9c-1.4-.1-1.8 3.7 1.7 6.5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.06em;height:1.2em}.i-fa6-brands-windows{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 448 512' width='1.06em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m0 93.7l183.6-25.3v177.4H0zm0 324.6l183.6 25.3V268.4H0zm203.8 28L448 480V268.4H203.8zm0-380.6v180.1H448V32z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.06em;height:1.2em}.container{width:100%}.form-input{width:100%;border-width:1px;border-color:var(--border-color);border-radius:.5rem;background-color:var(--bg-tertiary);padding:.75rem 1rem;font-size:.95rem;color:var(--text-primary);font-family:Inter,Outfit,sans-serif;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.alert{display:flex;align-items:center;gap:1rem;border-radius:.75rem;padding:1rem}.alert-danger{display:flex;align-items:center;gap:1rem;border-width:1px;--un-border-opacity:.2;border-color:rgba(239,68,68,var(--un-border-opacity));border-radius:.75rem;--un-bg-opacity:.05;background-color:rgba(239,68,68,var(--un-bg-opacity));padding:1rem;color:var(--danger-color)}.btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:.5rem;border-style:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-danger{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:.5rem;border-style:none;background-color:var(--danger-color);padding:.75rem 1.5rem;font-size:.95rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-ghost{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:.5rem;border-style:none;background-color:transparent;padding:.75rem 1.5rem;font-size:.95rem;color:var(--text-secondary);font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:.5rem;border-style:none;background-color:var(--primary-color);padding:.75rem 1.5rem;font-size:.95rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:600;--un-shadow:none;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-secondary{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-width:1px;border-color:var(--border-color);border-radius:.5rem;border-style:none;background-color:transparent;padding:.75rem 1.5rem;font-size:.95rem;color:var(--text-secondary);font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn:active,.btn-danger:active,.btn-ghost:active,.btn-primary:active,.btn-secondary:active{--un-scale-x:.98;--un-scale-y:.98;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.btn:disabled{cursor:not-allowed;opacity:.5;--un-grayscale:grayscale(.5);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.btn-danger:disabled{cursor:not-allowed;opacity:.5;--un-grayscale:grayscale(.5);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.btn-ghost:disabled{cursor:not-allowed;opacity:.5;--un-grayscale:grayscale(.5);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;--un-grayscale:grayscale(.5);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5;--un-grayscale:grayscale(.5);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.form-input:disabled{cursor:not-allowed;opacity:.6}.glass-card{border-width:1px;border-color:#ffffff14;border-radius:1rem;background-color:#ffffff08;--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.form-input:focus{border-color:var(--primary-color);background-color:var(--bg-hover);--un-shadow:0 0 0 2px var(--un-shadow-color, var(--primary-glow));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.btn-danger:hover{--un-bg-opacity:1;background-color:rgb(225 29 72 / var(--un-bg-opacity))}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary:hover{background-color:var(--bg-hover);color:var(--text-primary)}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.grid{display:grid}.rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.m10{margin:2.5rem}.m10\.065{margin:2.51625rem}.m10\.344{margin:2.586rem}.m10\.5{margin:2.625rem}.m10\.586{margin:2.6465rem}.m10\.852{margin:2.713rem}.m11{margin:2.75rem}.m11\.5{margin:2.875rem}.m11\.8{margin:2.95rem}.m11\.9{margin:2.975rem}.m12{margin:3rem}.m12\.214{margin:3.0535rem}.m12\.4{margin:3.1rem}.m12\.474{margin:3.1185rem}.m12\.5{margin:3.125rem}.m12\.67{margin:3.1675rem}.m12\.829{margin:3.20725rem}.m12\.99{margin:3.2475rem}.m13{margin:3.25rem}.m13\.11{margin:3.2775rem}.m13\.148{margin:3.287rem}.m13\.378{margin:3.3445rem}.m13\.4{margin:3.35rem}.m13\.41{margin:3.3525rem}.m13\.5{margin:3.375rem}.m13\.53{margin:3.3825rem}.m13\.531{margin:3.38275rem}.m13\.56{margin:3.39rem}.m13\.75{margin:3.4375rem}.m14{margin:3.5rem}.m14\.162{margin:3.5405rem}.m14\.207{margin:3.55175rem}.m14\.28{margin:3.57rem}.m14\.3{margin:3.575rem}.m14\.305{margin:3.57625rem}.m14\.31{margin:3.5775rem}.m14\.45{margin:3.6125rem}.m14\.479{margin:3.61975rem}.m14\.5{margin:3.625rem}.m14\.622{margin:3.6555rem}.m14\.772{margin:3.693rem}.m14\.817{margin:3.70425rem}.m14\.83{margin:3.7075rem}.m14\.876{margin:3.719rem}.m15{margin:3.75rem}.m15\.1{margin:3.775rem}.m15\.194{margin:3.7985rem}.m15\.2{margin:3.8rem}.m15\.228{margin:3.807rem}.m15\.4{margin:3.85rem}.m15\.477{margin:3.86925rem}.m15\.5{margin:3.875rem}.m15\.55{margin:3.8875rem}.m15\.874{margin:3.9685rem}.m16{margin:4rem}.m16\.01{margin:4.0025rem}.m16\.13{margin:4.0325rem}.m16\.2{margin:4.05rem}.m16\.24{margin:4.06rem}.m16\.47{margin:4.1175rem}.m16\.5{margin:4.125rem}.m16\.6{margin:4.15rem}.m16\.62{margin:4.155rem}.m16\.71{margin:4.1775rem}.m16\.8{margin:4.2rem}.m16\.852{margin:4.213rem}.m16\.923{margin:4.23075rem}.m16\.967{margin:4.24175rem}.m17{margin:4.25rem}.m17\.4{margin:4.35rem}.m17\.5{margin:4.375rem}.m17\.586{margin:4.3965rem}.m17\.657{margin:4.41425rem}.m17\.66{margin:4.415rem}.m17\.92{margin:4.48rem}.m17\.945{margin:4.48625rem}.m18{margin:4.5rem}.m18\.226{margin:4.5565rem}.m18\.364{margin:4.591rem}.m18\.5{margin:4.625rem}.m18\.586{margin:4.6465rem}.m18\.822{margin:4.7055rem}.m18\.84{margin:4.71rem}.m18\.849{margin:4.71225rem}.m19{margin:4.75rem}.m19\.07{margin:4.7675rem}.m19\.1{margin:4.775rem}.m19\.148{margin:4.787rem}.m19\.53{margin:4.8825rem}.m19\.6{margin:4.9rem}.m2{margin:.5rem}.m2\.1{margin:.525rem}.m2\.3{margin:.575rem}.m2\.37{margin:.5925rem}.m2\.5{margin:.625rem}.m2\.978{margin:.7445rem}.m20{margin:5rem}.m20\.1{margin:5.025rem}.m20\.5{margin:5.125rem}.m20\.66{margin:5.165rem}.m20\.7{margin:5.175rem}.m20\.772{margin:5.193rem}.m20\.9{margin:5.225rem}.m21{margin:5.25rem}.m21\.12{margin:5.28rem}.m21\.5{margin:5.375rem}.m21\.64{margin:5.41rem}.m21\.7{margin:5.425rem}.m21\.73{margin:5.4325rem}.m21\.854{margin:5.4635rem}.m22{margin:5.5rem}.m3{margin:.75rem}.m3\.173{margin:.79325rem}.m3\.3{margin:.825rem}.m3\.305{margin:.82625rem}.m3\.34{margin:.835rem}.m3\.46{margin:.865rem}.m3\.5{margin:.875rem}.m3\.64{margin:.91rem}.m4{margin:1rem}.m4\.228{margin:1.057rem}.m4\.243{margin:1.06075rem}.m4\.34{margin:1.085rem}.m4\.9{margin:1.225rem}.m4\.929{margin:1.23225rem}.m4\.93{margin:1.2325rem}.m5{margin:1.25rem}.m5\.082{margin:1.2705rem}.m5\.1{margin:1.275rem}.m5\.136{margin:1.284rem}.m5\.17{margin:1.2925rem}.m5\.2{margin:1.3rem}.m5\.594{margin:1.3985rem}.m5\.636{margin:1.409rem}.m5\.852{margin:1.463rem}.m6{margin:1.5rem}.m6\.158{margin:1.5395rem}.m6\.163{margin:1.54075rem}.m6\.2{margin:1.55rem}.m6\.34{margin:1.585rem}.m6\.343{margin:1.58575rem}.m6\.41{margin:1.6025rem}.m6\.49{margin:1.6225rem}.m6\.5{margin:1.625rem}.m6\.67{margin:1.6675rem}.m6\.7{margin:1.675rem}.m6\.707{margin:1.67675rem}.m6\.8{margin:1.7rem}.m6\.804{margin:1.701rem}.m6\.816{margin:1.704rem}.m7{margin:1.75rem}.m7\.2{margin:1.8rem}.m7\.38{margin:1.845rem}.m7\.5{margin:1.875rem}.m7\.69{margin:1.9225rem}.m7\.83{margin:1.9575rem}.m7\.88{margin:1.97rem}.m7\.9{margin:1.975rem}.m8{margin:2rem}.m8\.102{margin:2.0255rem}.m8\.148{margin:2.037rem}.m8\.29{margin:2.0725rem}.m8\.5{margin:2.125rem}.m8\.53{margin:2.1325rem}.m8\.66{margin:2.165rem}.m8\.86{margin:2.215rem}.m8\.9{margin:2.225rem}.m9{margin:2.25rem}.m9\.086{margin:2.2715rem}.m9\.17{margin:2.2925rem}.m9\.2{margin:2.3rem}.m9\.228{margin:2.307rem}.m9\.344{margin:2.336rem}.m9\.4{margin:2.35rem}.m9\.5{margin:2.375rem}.m9\.6{margin:2.4rem}.m9\.773{margin:2.44325rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.me{margin-inline-end:1rem}.ml-1{margin-left:.25rem}.ms{margin-inline-start:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.max-w-md{max-width:28rem}.min-h-screen{min-height:100vh}.w-fit{width:fit-content}.w-full{width:100%}.flex{display:flex}.flex-1{flex:1 1 0%}.flex-shrink,.shrink{flex-shrink:1}.flex-col{flex-direction:column}.table{display:table}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.select-all{-webkit-user-select:all;user-select:all}.resize{resize:both}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.columns-2{columns:2}.columns-3{columns:3}.columns-4{columns:4}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.break-all{word-break:break-all}.b,.border{border-width:1px}.border-white\/10{border-color:#ffffff1a}.hover\:border-\[var\(--accent\)\]:hover{border-color:var(--accent)}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.bg-bg-primary{background-color:var(--bg-primary)}.bg-white\/5{background-color:#ffffff0d}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p2{padding:.5rem}.px,.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.ps46cm{padding-inline-start:46cm}.pt{padding-top:1rem}.text-align-center,.text-center{text-align:center}.text-left{text-align:left}.text-align-justify{text-align:justify}.text-align-start{text-align:start}.text-align-end{text-align:end}.text-wrap{text-wrap:wrap}.text-\[12px\]{font-size:12px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-text-dim{color:var(--text-dim)}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.text-white\/50{color:#ffffff80}.text-initial{color:initial}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.case-upper,.uppercase{text-transform:uppercase}.case-lower{text-transform:lowercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.no-underline{text-decoration:none}.opacity-0{opacity:0}.opacity-70{opacity:.7}.group:hover .group-hover\:opacity-100{opacity:1}.hover\:opacity-80:hover{opacity:.8}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline{outline-style:solid}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}@media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}.settings-layout{display:flex;height:100vh;width:100vw;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.settings-sidebar{width:280px;background:var(--bg-secondary);display:flex;flex-direction:column;padding:60px 10px 10px 20px;transition:width var(--transition-normal);border-right:1px solid var(--border-color)}.settings-sidebar-header{padding:0 10px 16px}.settings-sidebar-title{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--text-dim)}.settings-nav-section{display:flex;flex-direction:column;gap:4px}.settings-nav-header{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-dim);padding:12px 16px 8px;letter-spacing:.05em;opacity:.8}.settings-nav-item{text-align:left;background:transparent;border:none;border-radius:var(--radius-sm);padding:10px 16px;font-size:.95rem;color:var(--text-primary);cursor:pointer;transition:all .15s ease;font-weight:500}.settings-nav-item:hover{background:var(--bg-hover)}.settings-nav-item.active{background:var(--primary-color);color:#fff}.settings-main{flex:1;background:var(--bg-primary);padding:60px 80px;overflow-y:auto;position:relative}.settings-main-content{max-width:680px;margin:0 auto}.settings-close-container{position:fixed;right:40px;top:40px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:100}.settings-close-btn{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-secondary);transition:transform .3s ease,background .2s ease,border-color .2s ease}.settings-close-container:hover .settings-close-btn{border-color:var(--primary-color);color:var(--text-primary);transform:rotate(90deg);background:var(--bg-hover)}.settings-page-title{font-size:2rem;font-weight:800;margin-bottom:2.5rem;color:var(--text-primary);letter-spacing:-.025em}.settings-section-header{font-size:.8rem;text-transform:uppercase;font-weight:700;margin-bottom:1.5rem;color:var(--text-dim);letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding-bottom:12px}.settings-group-dual{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.settings-control{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.settings-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;display:flex;justify-content:space-between}.settings-value-badge{font-weight:400;color:var(--text-primary);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:.8rem}.settings-desc{font-size:.85rem;color:var(--text-dim);margin-top:.5rem;line-height:1.4}.mic-test-wrapper{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;margin-top:10px}.mic-test-layout{display:flex;align-items:center;gap:24px}.mic-visualizer{flex:1;display:flex;gap:3px;height:32px;align-items:center}.visualizer-segment{flex:1;height:100%;border-radius:2px;background:var(--bg-hover);transition:all .05s ease;min-width:4px}.visualizer-segment.active{filter:brightness(1.2)}.visualizer-segment.threshold{position:relative;border-right:2px solid rgba(255,255,255,.3)}.mic-test-btn{padding:.75rem 1.5rem;border-radius:var(--radius-sm);background:var(--primary-color);color:#fff;border:none;font-weight:600;cursor:pointer;transition:all .2s;min-width:140px;font-size:.95rem}.mic-test-btn:hover{background:var(--primary-hover)}.mic-test-btn.active{background:var(--danger-color)}.mic-test-btn.active:hover{opacity:.9}.select-wrapper{position:relative;width:100%}.select-wrapper:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none;transition:transform .2s ease}.select-wrapper:focus-within:after{transform:translateY(-50%) rotate(180deg)}.settings-select{width:100%;padding:12px 36px 12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);font-size:.95rem;cursor:pointer;transition:background .2s ease,border-color .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;font-weight:500}.settings-select:hover{background:var(--bg-hover);border-color:#fff3}.settings-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-glow)}.separator{height:1px;background:var(--border-color);margin:2.5rem 0;opacity:.5}.slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;background:transparent;height:24px;cursor:pointer;margin:0}.slider:focus{outline:none}.slider::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:var(--bg-tertiary);border-radius:3px;background:linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) var(--percent, 0%),var(--bg-tertiary) var(--percent, 0%),var(--bg-tertiary) 100%);border:none}.slider::-webkit-slider-thumb{height:18px;width:18px;border-radius:50%;background:#fff;cursor:pointer;-webkit-appearance:none;border:3px solid var(--primary-color);margin-top:-6px;transition:transform .15s ease,background-color .15s ease;box-shadow:none}.slider::-moz-range-track{width:100%;height:6px;cursor:pointer;background:var(--bg-tertiary);border-radius:3px;border:none}.slider::-moz-range-progress{background-color:var(--primary-color);height:6px;border-radius:3px}.slider::-moz-range-thumb{height:12px;width:12px;border:3px solid var(--primary-color);border-radius:50%;background:#fff;cursor:pointer;box-shadow:none;transition:transform .15s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);background-color:var(--primary-color)}.slider:active::-webkit-slider-thumb{transform:scale(1);background-color:#fff}.slider-container{display:flex;flex-direction:column;gap:5px}.slider-ticks{display:flex;justify-content:space-between;padding:0 2px}.tick-label{font-size:.7rem;color:var(--text-dim);font-weight:500}.theme-cards{display:flex;gap:1rem}.theme-card{flex:1;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;gap:8px}.theme-preview{height:80px;border-radius:8px;border:4px solid transparent;transition:all .2s}.theme-preview.dark{background:#1e2332}.theme-preview.light{background:#fff}.theme-card.active .theme-preview{border-color:var(--primary-color)}.theme-info{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-primary);font-weight:500}.radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-secondary);display:flex;align-items:center;justify-content:center}.theme-card.active .radio-circle{border-color:var(--primary-color);background:var(--primary-color)}.radio-dot{width:8px;height:8px;background:#fff;border-radius:50%}@media(max-width:768px){.settings-layout{flex-direction:column;overflow:hidden;height:100%;width:100%}.settings-sidebar{width:100%;height:auto;padding:20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.settings-nav-section{flex-direction:row;overflow-x:auto;padding-bottom:5px;gap:10px}.settings-nav-item{white-space:nowrap;padding:8px 12px;background:var(--bg-tertiary);border-radius:20px;font-size:.9rem}.settings-nav-item.active{background:var(--primary-color);color:#fff}.settings-nav-header{display:none}.settings-main{flex:1;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-close-container{top:20px;right:20px;z-index:10;background:var(--bg-secondary);border-radius:50%}.settings-close-btn{background:var(--bg-tertiary);border:none;color:var(--text-primary)}.close-label{display:none}.settings-group-dual{grid-template-columns:1fr;gap:1rem}.settings-page-title{font-size:1.25rem;margin-top:10px}.settings-sidebar-footer{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-primary);z-index:10;margin-top:0;display:flex;justify-content:center}.settings-logout-btn{padding:8px 24px;font-size:.85rem;width:auto;border-radius:20px}.settings-main{padding-bottom:60px}.settings-sidebar{padding:12px 16px}.settings-nav-section{scrollbar-width:none;-ms-overflow-style:none}.settings-nav-section::-webkit-scrollbar{display:none}}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider-round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);transition:.4s;border-radius:34px;border:1px solid var(--border-color)}.slider-round:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider-round{background-color:var(--primary-color);border-color:var(--primary-color)}input:focus+.slider-round{box-shadow:0 0 0 2px var(--primary-glow)}input:checked+.slider-round:before{transform:translate(20px)}.password-toggle-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .15s ease;z-index:3}.password-toggle-btn:hover{color:var(--text-primary)}.danger-text{background:#f43f5e1a;color:#fb7185;padding:16px;border-radius:12px;font-size:.95rem;margin-bottom:24px;line-height:1.5;font-weight:500;border-left:4px solid #f43f5e}.settings-sidebar{display:flex;flex-direction:column}.settings-nav{flex:1}.settings-sidebar-footer{padding:16px;border-top:1px solid var(--border-color);margin-top:auto}.settings-logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:1px solid var(--danger-color);border-radius:var(--radius-sm);color:var(--danger-color);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.settings-logout-btn:hover{background:#ef44441a;border-color:var(--danger-color)}:root{--bg-primary: #1a1f2e;--bg-secondary: #212637;--bg-tertiary: #282e41;--bg-hover: #32384e;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-dim: #64748b;--text-muted: #4b5563;--primary-color: #7251bc;--primary-hover: #5e38a1;--primary-glow: rgba(114, 81, 188, .15);--danger-color: #ff5555;--success-color: #00a67e;--warning-color: #fc8b4f;--border-color: rgba(255, 255, 255, .08);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-xs: 4px;--shadow-sm: none;--shadow-md: none;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--glass-bg: rgba(33, 38, 55, .95);--glass-border: rgba(255, 255, 255, .08);--focus-ring: 0 0 0 2px var(--bg-primary), 0 0 0 4px var(--primary-color)}:root[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--text-primary: #0f172a;--text-secondary: #334155;--text-dim: #54617a;--text-muted: #64748b;--primary-color: #a14eff;--primary-hover: #9038e6;--border-color: #cbd5e1;--shadow-sm: none;--shadow-md: none;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(15, 23, 42, .1);--landing-logo-filter: invert(0);--banner-url: url(/img/banner_white.webp);--banner-overlay: rgba(255, 255, 255, .3)}:root[data-theme=dark]{--landing-logo-filter: invert(0);--banner-url: url(/img/banner.webp);--banner-overlay: rgba(0, 0, 0, .6)}*{text-decoration:none!important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;width:100%;font-family:Inter,Outfit,sans-serif;background:#1a1f2e;color:var(--text-primary);transition:background var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#7251bc66}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:none}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:none}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background:#e11d48}.btn-secondary{background:#1e222966;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text-primary);border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px}.btn-secondary:hover:not(:disabled){background:#1e222999;border-color:#ffffff26}:root[data-theme=light] .btn-secondary{background:#fff6;border-color:#0f172a1a;color:var(--text-secondary);box-shadow:0 4px 12px #00000008}:root[data-theme=light] .btn-secondary:hover:not(:disabled){background:#fff9;color:var(--text-primary);border-color:#0f172a33}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-label{font-size:10px;font-weight:900;text-transform:uppercase;color:var(--text-dim);letter-spacing:.1em}.form-input{width:100%;padding:14px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);border-radius:12px;font-size:.95rem;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}.form-input:focus,.form-input:focus-visible{border-color:var(--primary-color);background:#ffffff0d;box-shadow:0 0 0 4px #7251bc26!important;outline:none!important}.form-input:disabled{opacity:.5;cursor:not-allowed}.input-with-icon{position:relative;width:100%;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:var(--text-dim);pointer-events:none;transition:color .2s ease;display:flex;align-items:center;justify-content:center;z-index:2}.input-with-icon .form-input{padding-left:44px}.input-with-icon.has-right-icon .form-input{padding-right:40px}.form-input:focus~.input-icon{color:var(--primary-color)}.alert{padding:1rem 1.5rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:1rem}@media(max-width:640px){.alert{flex-direction:column;align-items:stretch;gap:1.5rem;text-align:center}.alert .danger-info{text-align:center}.alert button{width:100%;justify-content:center}}.alert-danger{background:rgba(var(--danger-rgb, 239, 68, 68),.05);border:1px solid rgba(var(--danger-rgb, 239, 68, 68),.2);color:var(--danger-color)}.app{height:100vh;width:100vw;background:var(--bg-primary);overflow:hidden;position:relative}.app .fade-in{animation:fadeInGlobal .8s cubic-bezier(.4,0,.2,1) both}@keyframes fadeInGlobal{0%{opacity:0}to{opacity:1}}.app-content-wrapper{display:flex;height:100%;width:100%;position:relative}.join-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(var(--banner-overlay),var(--banner-overlay)),var(--banner-url);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;transition:background .8s cubic-bezier(.4,0,.2,1)}.join-screen:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:inherit;filter:blur(10px) brightness(.9);z-index:0;animation:backgroundDistort 25s ease-in-out infinite alternate}@keyframes backgroundDistort{0%{transform:scale(1.1) rotate(0) skew(0)}50%{transform:scale(1.2) rotate(3deg) skew(3deg)}to{transform:scale(1.15) rotate(-2deg) skew(-1deg)}}.join-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:480px}.join-card{display:flex;width:1100px;max-width:95vw;min-height:600px;background:#16181c73;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:28px;box-shadow:0 24px 80px #0009;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}:root[data-theme=light] .join-card{background:#ffffffb3;border-color:#0f172a1a;box-shadow:0 24px 60px #0000000d}.join-info-side{flex:1;padding:4rem;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,rgba(114,81,188,.1) 0%,transparent 100%);border-right:1px solid rgba(255,255,255,.05)}.info-item{display:flex;align-items:center;gap:16px;color:var(--text-secondary);font-size:1rem;font-weight:500;padding:.5rem 0;transition:transform .3s ease}.info-item:hover{transform:translate(4px);color:var(--text-primary)}.info-icon-wrapper{width:36px;height:36px;border-radius:10px;background:#7251bc1a;display:flex;align-items:center;justify-content:center;color:var(--primary-color);border:1px solid rgba(114,81,188,.2);transition:all .3s ease}.info-item:hover .info-icon-wrapper{background:var(--primary-color);color:#fff;box-shadow:0 0 15px #7251bc66}.join-form-side{flex:1.1;padding:4rem;display:flex;flex-direction:column;justify-content:center}@media(max-width:1024px){.join-card{flex-direction:column;min-height:100vh;width:100%;max-width:none;margin:0;border-radius:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.join-info-side{display:none}.join-form-side{padding:2rem;min-height:100vh;display:flex;justify-content:center;align-items:center;background:transparent}.join-form{max-width:420px;width:100%;padding:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1) forwards}.page-loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:9999;color:var(--text-secondary)}.spinner-large{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.fade-in{animation:fadeIn var(--transition-normal) forwards}.slide-in-up{animation:slideInUp var(--transition-normal) forwards}.sidebar{width:260px;border-right:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;height:100%}.sidebar-title{padding:1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.user-list{list-style:none;width:100%;padding-bottom:1rem}.user-item{display:flex;align-items:center;gap:10px;padding:6px 8px;cursor:pointer;font-size:.9rem;color:var(--text-secondary);border-radius:var(--radius-sm);margin:2px 8px;transition:all var(--transition-fast)}.participant-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:transparent;border-radius:var(--radius-md);transition:all .2s;position:relative;border:3px solid transparent}.participant-tile.speaking .user-avatar-component{box-shadow:0 0 0 1px var(--success-color)}.participant-name{font-weight:600;color:var(--text-primary);font-size:1.1rem}.user-details{flex:1;display:flex;align-items:center;min-width:0;gap:8px}.user-icons{display:flex;align-items:center;gap:6px;margin-left:auto}.status-icon{color:var(--text-secondary)}.status-icon.danger{color:var(--danger-color)}.user-item .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;color:var(--text-primary)}.user-item:hover .user-avatar-component{transform:none}.user-item.speaking .user-avatar-component{box-shadow:0 0 0 2px var(--success-color)}.user-avatar{width:32px;height:32px;border-radius:38%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85em;color:var(--text-primary);flex-shrink:0;position:relative;text-transform:uppercase;transition:border-radius .3s ease,transform .2s ease}.user-item:hover .user-avatar{border-radius:30%;background:var(--primary-color)}.user-status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;transition:background .2s;position:absolute;bottom:-2px;right:-2px}.live-badge{background:#f55;color:#fff;font-size:.72rem;font-weight:800;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;height:18px;border:1px solid rgba(255,255,255,.1)}.sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--bg-secondary);z-index:10}.sidebar-channel-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.sidebar-channel{font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:.3px}.sidebar-users{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.users-header{padding:16px 16px 8px;font-size:.75rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.sidebar-reconnecting-banner{margin:8px 12px;padding:8px 12px;background:#fc8b4f26;border:1px solid var(--warning-color);border-radius:var(--radius-sm);color:var(--warning-color);font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:8px;animation:slideIn .3s ease-out}.channel-list{flex:1;overflow-y:auto;min-height:0;padding:4px 0}.channel-section{margin-bottom:4px}.channel-section-header{display:flex;align-items:center;gap:4px;padding:8px 12px 4px;font-size:.68rem;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:color .15s}.channel-section-header:hover{color:var(--text-secondary)}.channel-section-header span{flex:1}.channel-add-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s}.channel-add-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.channel-item{display:flex;align-items:center;gap:6px;padding:8px 12px 8px 8px;width:100%;background:none;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;border-radius:4px;margin:0 8px;width:calc(100% - 16px);transition:background .15s,color .15s}.channel-item:hover{background:var(--bg-hover);color:var(--text-primary)}.channel-item.active{background:var(--bg-hover);color:var(--text-primary);opacity:1;font-weight:600}.channel-icon{flex-shrink:0;opacity:.6;color:inherit}.channel-item.active .channel-icon{opacity:1;color:var(--text-primary)}.channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-create-input{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 20px;margin:2px 8px;color:var(--text-dim)}.channel-create-input input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:4px 8px;font-size:.8rem;font-family:inherit;outline:none}.channel-create-input input:focus{border-color:var(--primary-color)}.voice-channel-users{padding:2px 12px 4px 32px;display:flex;flex-direction:column;gap:2px}.voice-channel-user{display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:4px;font-size:.78rem;color:var(--text-secondary)}.voice-channel-user:hover{background:var(--bg-hover)}.voice-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-channel-users-list{padding-left:16px}.voice-channel-users-list .user-list{padding:0;margin:0}.voice-channel-users-list .user-item{padding:3px 8px 3px 20px;font-size:.82rem}.channel-modal{max-width:420px}.channel-type-picker{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.channel-type-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s;text-align:left;color:var(--text-primary);font-family:inherit}.channel-type-option:hover{background:var(--bg-hover)}.channel-type-option.active{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb, 139, 92, 246),.08)}.channel-type-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;flex-shrink:0}.channel-type-icon.voice{background:var(--success-color, #22c55e)}.channel-type-info{display:flex;flex-direction:column;gap:2px}.channel-type-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.channel-type-desc{font-size:.72rem;color:var(--text-dim)}.channel-name-input-wrapper{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:0 12px;transition:border-color .2s}.channel-name-input-wrapper:focus-within{border-color:var(--primary-color)}.channel-name-prefix{color:var(--text-dim);display:flex;align-items:center;flex-shrink:0}.channel-name-input-wrapper input{flex:1;background:none;border:none;color:var(--text-primary);padding:10px 0;font-size:.9rem;font-family:inherit;outline:none}.animate-pulse{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.sidebar-footer{flex-shrink:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;z-index:10}.sidebar-connection-status{padding:12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.stream-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.stream-tile-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:var(--bg-primary);border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;height:auto;min-height:56px}.stream-tile-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.04)}.stream-tile-btn:active{transform:scale(.97)}.stream-tile-btn.active{background:var(--bg-hover);color:var(--success-color)}.tile-label{font-size:.7rem;font-weight:600;letter-spacing:.3px}.user-controls-panel{position:relative;padding:12px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:1}.sidebar-connection-status:before{content:"";position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:300%;height:300%;background:radial-gradient(circle,var(--bg-hover) 0%,transparent 100%);transition:opacity .6s cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%);z-index:-1;opacity:0}.sidebar-connection-status:hover:before{opacity:1}.control-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--bg-primary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.control-btn:hover{background:var(--bg-hover);transform:scale(1.08)}.control-btn:active{transform:scale(.95)}.control-btn.active{background:var(--bg-hover);color:var(--text-primary)}.control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.join-voice-container{padding:12px;background:var(--bg-secondary)}.join-voice-btn{width:100%;background:var(--success-color);color:#fff;border:none;border-radius:8px;padding:10px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.join-voice-btn:hover{background:#43b581;filter:brightness(1.1)}.join-voice-btn:active{background:#3ca374}.sidebar-user-summary{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.user-name-summary{display:flex;flex-direction:column;overflow:hidden;text-align:left}.user-display-name{font-weight:700;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.user-status-text{font-size:.7rem;color:var(--success-color);font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.chat{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);min-width:0;scrollbar-gutter:stable}.messages{flex:1;overflow-y:auto;padding:0}.mobile-nav-wrapper{display:flex;height:100%}.sidebar-wrapper{display:flex;flex-direction:column;height:100%}.server-selector{width:72px;background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:12px 0;flex-shrink:0;z-index:20;transition:width .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),opacity .2s ease,visibility .2s ease}.sidebar-content-wrapper{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.server-list{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;flex:1;overflow-y:auto}.server-list::-webkit-scrollbar{display:none}.server-icon-btn{width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:700;font-size:1.1rem;transition:border-radius var(--transition-spring),background .2s ease,color .2s ease,transform .2s ease;position:relative}.server-icon-btn>*{border-radius:inherit!important;overflow:hidden}.server-icon-btn:hover{background:var(--primary-color);color:#fff}.server-icon-btn.active{border-radius:16px;background:var(--primary-color);color:#fff}.server-icon-btn:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:8px;border-radius:0 4px 4px 0;background:#fff;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.server-icon-btn.active:before{opacity:1;height:40px}.server-icon-btn:hover:before{opacity:1;height:20px;transform:translateY(-50%)}.server-icon-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;overflow:hidden}.server-separator{width:32px;height:2px;background:var(--border-color);border-radius:1px;margin:4px 0}.server-icon-btn.action{background:transparent;color:var(--success-color);border:1px dashed var(--border-color)}.server-icon-btn.action:hover{background:var(--success-color);color:#fff;border-style:solid;border-color:var(--success-color)}.server-icon-btn.action:hover svg{animation:iconQuarterTurn .35s cubic-bezier(.34,1.56,.64,1)}.server-footer .server-icon-btn.action:hover svg{animation:iconGearSpin .6s cubic-bezier(.4,0,.2,1)}@keyframes iconQuarterTurn{0%{transform:rotate(0) scale(1)}50%{transform:rotate(90deg) scale(1.15)}to{transform:rotate(90deg) scale(1)}}@keyframes iconGearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.server-footer{padding-top:12px;display:flex;align-items:center;justify-content:center;width:100%}.chat-header-unified{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-shrink:0;height:48px}.chat-header-left{display:flex;align-items:center;gap:12px}.room-name-unified{font-weight:600;font-size:.95rem;color:var(--text-primary)}.chat-header-actions{display:flex;align-items:center;gap:8px}.members-toggle-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.members-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.members-toggle-btn.active{color:var(--primary-color)}.chat-header-unified .hamburger-btn,.mobile-sidebar-overlay{display:none}@media(max-width:768px){.app{position:relative;overflow:hidden;height:100vh;height:100dvh}.chat-header-unified{background:var(--bg-secondary);height:60px;padding:12px 16px}.chat-header-unified .hamburger-btn{display:flex}.hamburger-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;margin-right:12px;display:flex;align-items:center;gap:16px;padding:4px;border-radius:4px}.hamburger-btn:active{background:var(--bg-hover)}.mobile-camera-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);cursor:pointer}.mobile-camera-btn.active{background:var(--success-color);color:#fff;border-color:var(--success-color)}.mobile-camera-btn:active{transform:none}.room-name-mobile{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.mobile-nav-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:1001;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary);display:flex;box-shadow:4px 0 16px #0000004d}.mobile-nav-wrapper.open{transform:translate(0)}.sidebar-wrapper{width:calc(100vw - 72px);height:100%;background:var(--bg-secondary)}.sidebar{width:100%;height:100%;border-right:none;padding-bottom:env(safe-area-inset-bottom)}.sidebar-controls{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.mobile-sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat{width:100%;height:100%;display:flex;flex-direction:column}.messages{padding-bottom:0}.input-container{padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,20px));background:var(--bg-secondary);border-top:1px solid var(--border-color)}.input{font-size:16px}}.messages-container{display:flex;flex-direction:column;height:100%;padding:20px;gap:24px;overflow-y:auto;scroll-behavior:auto}.context-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px;min-width:150px;box-shadow:0 8px 24px #0003;z-index:10000;display:flex;flex-direction:column;gap:2px;animation:fadeIn .15s ease-out}.context-menu-separator{height:1px;background:var(--border-color);margin:6px 4px}.moderation-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border:none;background:transparent;color:var(--text-primary);font-size:.9em;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background .2s}.moderation-btn:hover,.context-menu-item:hover{background:var(--bg-hover)}.moderation-btn.danger,.context-menu-item.danger{color:var(--danger-color)}.moderation-btn.danger:hover,.context-menu-item.danger:hover{background:#ff55551a}.messages{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column}.empty-chat-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-secondary)}.empty-state-icon-wrapper{background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--primary-color)}.participant-tile .status-indicator{position:absolute;bottom:-2px;right:-2px;width:28px;height:28px;border-radius:50%;background:var(--danger-color);color:#fff;display:flex;align-items:center;justify-content:center;z-index:20;border:2px solid var(--bg-tertiary)}.participant-tile .status-indicator.muted{background:var(--danger-color)}.empty-state-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes messageAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.empty-state-text{max-width:400px;line-height:1.5;margin-bottom:2rem;color:var(--text-dim);font-size:1rem}.invite-cta-modern{display:flex;align-items:center;gap:10px;background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-sm);border:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:none}.invite-cta-modern:hover{background:var(--primary-hover)}.invite-cta-modern:active{background:var(--primary-color);opacity:.9}.message-item{display:flex;position:relative;margin-top:.5rem;padding:2px 16px;word-wrap:break-word;-webkit-user-select:text;user-select:text;flex:0 0 auto;min-height:2.25rem;transition:background-color var(--transition-fast)}.messages-container.instant .message-item,.messages-container.instant .fade-in{animation:none!important;transition:none!important}.messages-container{gap:0!important}.messages-container>*:not(.message-item--stacked){margin-top:1.5rem}.messages-container>.message-item--stacked{margin-top:4px}.messages-container>*:first-child{margin-top:0}[diff_block_start] .portal-picker .picmo__picker{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:var(--shadow-xl)!important;color:var(--text-primary)!important}.portal-picker .picmo__search-container{padding:12px!important;background-color:transparent!important}.portal-picker .picmo__search-row{background-color:var(--bg-tertiary)!important;border-radius:8px!important;border:1px solid var(--border-color)!important}.portal-picker .picmo__search-input{color:var(--text-primary)!important;background-color:transparent!important}.portal-picker .picmo__search-input::placeholder{color:var(--text-muted)!important}.portal-picker .picmo__search-icon,.portal-picker .picmo__search-icon svg,.portal-picker .lucide-search,.portal-picker [class*=search-icon]{color:var(--text-muted)!important;stroke:var(--text-muted)!important;fill:none!important;opacity:1!important}[diff_block_end] .message-item:hover{background-color:#04040512}:root[data-theme=dark] .message-item:hover{background-color:#ffffff05}.message-item--stacked{padding:0 16px;min-height:auto;display:flex;align-items:flex-start}.message-left-col{width:50px;min-width:50px;margin-right:6px;display:flex;justify-content:flex-start;flex-shrink:0;padding-top:.125rem}.message-left-col .user-avatar{width:40px;height:40px;border-radius:50%;cursor:pointer;transition:opacity .2s}.message-content{background:var(--bg-tertiary);border-radius:2px 12px 12px;padding:8px 12px;display:inline-block;max-width:fit-content}.message-item--stacked .message-content{margin-top:2px;border-radius:12px}.message-left-col .user-avatar:hover{opacity:.8;box-shadow:none}.message-item--stacked .message-left-col{padding:0;display:flex;align-items:flex-start;justify-content:flex-end;height:auto}.message-right-col{flex:1;min-width:0}.message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:0;line-height:1.375rem}.settings-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:none;backdrop-filter:none;visibility:hidden;transition:visibility .25s cubic-bezier(.4,0,.2,1)}.settings-modal-overlay.open{visibility:visible}.settings-modal-content{width:100%;height:100%;transform:translateY(100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.settings-modal-overlay.open .settings-modal-content{transform:translateY(0)}.home-view{display:flex;align-items:center;justify-content:center;flex:1;padding:2rem;animation:fade-in .4s ease forwards}.home-content{text-align:center;max-width:480px}.welcome-hero{margin-bottom:2.5rem}.welcome-icon{font-size:3.5rem;margin-bottom:1rem;animation:wave 1.5s ease-in-out infinite alternate}@keyframes wave{0%{transform:rotate(0)}50%{transform:rotate(15deg)}to{transform:rotate(0)}}.welcome-hero h2{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.welcome-hero p{color:var(--text-secondary);font-size:1rem;line-height:1.5}.home-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:left;transition:all .2s ease}.feature-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.4rem}.feature-card p{font-size:.85rem;color:var(--text-secondary);opacity:.7}.server-icon-btn.home:hover{background:var(--primary-hover)}.server-icon-btn.home:hover svg{color:#fff}.home-sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:8px}.home-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.home-nav-item:hover{background:var(--bg-hover)}.home-nav-item.active{background:var(--primary-color);color:#fff}.home-sidebar-section{padding:16px 8px 8px;flex:1}.section-header{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;margin-bottom:4px}.section-header span{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.section-add-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.section-add-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.section-empty{padding:16px 12px;text-align:center}.section-empty p{font-size:.85rem;color:var(--text-muted);opacity:.6}.message-username{font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;line-height:1.375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-username:hover{text-decoration:underline}.message-timestamp{font-size:.75rem;color:var(--text-dim);font-weight:400;margin-left:.25rem;height:1.25rem;line-height:1.375rem;vertical-align:baseline}.message-text{font-size:1rem;line-height:1.25rem;color:#dcddde;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere;font-weight:400;display:flex;align-items:center}:root[data-theme=light] .message-text{color:var(--text-secondary)}.message-text a{color:#00b0f4;text-decoration:none}.message-text a:hover{text-decoration:underline}.message-text p{margin:0;padding:0;display:inline}.message-reply-preview{display:flex;align-items:center;font-size:.85rem;color:var(--text-dim);margin-bottom:6px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;background:var(--bg-hover);padding:4px 10px 4px 6px;border-radius:8px;border-left:3px solid var(--primary-color);width:fit-content;max-width:100%;transition:all .2s ease}.message-reply-preview:hover{background:var(--bg-modifier-active);color:var(--text-primary);border-left-color:var(--primary-hover)}.reply-spine{display:none}.reply-avatar-min{width:16px;height:16px;border-radius:50%;margin-right:8px;object-fit:cover}.reply-username{font-weight:500;margin-right:6px;opacity:.9;color:var(--text-primary)}.message-reply-preview:hover .reply-username{text-decoration:underline;opacity:1}.reply-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%;opacity:.8}.highlight-reply{background-color:#00b0f426;transition:background-color .3s ease}.reply-banner{display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary);padding:8px 12px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid var(--border-color);font-size:.85rem;color:var(--text-muted)}.reply-banner-content{display:flex;align-items:center;gap:6px}.reply-banner-label{font-weight:500}.reply-banner-user{font-weight:600;color:var(--text-primary)}.reply-banner-close{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px}.reply-banner-close:hover{color:var(--text-primary);background:var(--bg-hover)}.message-edit-container{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.message-edit-input{width:100%;background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.95rem;resize:vertical;min-height:44px;max-height:50vh;outline:none}.message-edit-input:focus{background:var(--bg-secondary)}.message-edit-actions{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-dim)}.edit-btn{background:none;border:none;font-size:.75rem;cursor:pointer;padding:0;font-family:inherit;font-weight:500}.edit-btn.ghost,.edit-btn.primary{color:#00b0f4}.edit-btn.ghost:hover,.edit-btn.primary:hover{text-decoration:underline}.message-edited-tag{font-size:.65rem;color:var(--text-dim);margin-left:6px;-webkit-user-select:none;user-select:none}.message-timestamp-hover{display:block;font-size:.65rem;color:var(--text-dim);line-height:1.25rem;width:100%;text-align:right;padding-right:8px;-webkit-user-select:none;user-select:none;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.message-item:hover .message-timestamp-hover{opacity:1;visibility:visible}.message-date-separator{display:flex;align-items:center;margin:1.5rem 16px .5rem;-webkit-user-select:none;user-select:none;pointer-events:none}.date-separator-line{height:1px;flex:1;background-color:var(--border-color)}.date-separator-label{padding:0 8px;font-size:.75rem;font-weight:700;color:var(--text-muted)}.chat-input-area{padding:0 16px 20px;background:transparent;flex-shrink:0}.chat-input-container{display:flex;flex-direction:column;gap:12px}.staged-files-list{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 8px;max-width:100%}.staged-files-list::-webkit-scrollbar{height:4px}.staged-files-list::-webkit-scrollbar-track{background:transparent}.staged-files-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.staged-file-preview{background:var(--bg-tertiary);border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:12px;border:1px solid var(--border-color);width:fit-content;min-width:200px;max-width:300px;flex-shrink:0}.staged-file-image{width:40px;height:40px;border-radius:6px;overflow:hidden;background:#000;flex-shrink:0}.staged-file-image img{width:100%;height:100%;object-fit:cover}.staged-file-icon{width:40px;height:40px;border-radius:6px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.staged-file-info{flex:1;min-width:0}.staged-file-name{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staged-file-remove{width:24px;height:24px;border-radius:50%;border:none;background:var(--bg-hover);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.staged-file-remove:hover{background:var(--danger-color, #ff4d4d);color:#fff;transform:scale(1.1)}.chat-input-form{background:var(--bg-tertiary);border-radius:8px;display:flex;align-items:center;padding:10px 14px;gap:12px;transition:border-color .2s,box-shadow .2s;border:1px solid var(--border-color);position:relative;width:100%}.chat-input-form:focus-within{border-color:transparent;box-shadow:0 0 0 2px var(--primary-color)}.chat-input-field{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;padding:4px 0;outline:none}.chat-input-field:focus,.chat-input-field:focus-visible{outline:none;box-shadow:none}.chat-input-field::placeholder{color:var(--text-dim)}.chat-send-btn{width:32px;height:32px;min-width:32px;border-radius:8px;border:none;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0;margin-right:2px}.chat-send-btn:hover:not(:disabled){background:var(--primary-hover)}.chat-send-btn:disabled{background:var(--bg-hover);color:var(--text-dim);opacity:.5;cursor:default}.chat-upload-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-hover);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-bottom:2px}.chat-upload-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.chat-upload-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.1);flex-shrink:0}.drag-drop-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--primary-color-rgb, 114, 81, 188),.1);z-index:1000;display:flex;align-items:center;justify-content:center;border:2px dashed var(--primary-color);border-radius:8px;margin:12px;pointer-events:none;animation:fade-in .2s ease-out}.drag-drop-content{background:var(--bg-primary);padding:2rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--primary-color);transform:translateY(0);animation:slide-up .3s ease-out;border:1px solid var(--border-color)}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.messages{padding:1rem 0 .5rem}.message-username{font-weight:600;color:var(--text-primary)}.message-timestamp{font-size:.7rem;font-weight:500;opacity:.6}.message-text{color:var(--text-secondary);line-height:1.375rem;word-break:break-word}.message-media-content{margin-top:8px;max-width:100%;display:inline-block;vertical-align:top}.message-media-image{max-width:500px;max-height:400px;width:auto;height:auto;display:block;cursor:zoom-in;transition:opacity .2s;object-fit:contain}.message-media-image:hover{opacity:.9}.message-media-video{max-width:500px;max-height:400px;width:auto;height:auto;display:block;outline:none;object-fit:contain}.message-file-card{display:flex;align-items:center;padding:12px 16px;gap:12px;min-width:280px;max-width:450px;background:var(--bg-secondary)}.file-icon{color:var(--primary-color);display:flex;align-items:center}.file-info{flex:1;min-width:0}.stream-viewer-controls{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;background:var(--bg-secondary);padding:8px;border-radius:12px;z-index:20;opacity:0;pointer-events:none;transform:translateY(10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color)}.video-tile:hover .stream-viewer-controls{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.stream-control-btn{background:transparent;color:var(--text-primary);border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.stream-control-btn:hover{background:var(--bg-hover)}.stream-control-btn.danger:hover{background:var(--danger-color);color:#fff}.stream-control-btn.active{color:var(--danger-color)}.tile-corner-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(.8)}.video-tile:hover .tile-corner-btn,.floating-call-widget:hover .tile-corner-btn{opacity:1;transform:scale(1)}.tile-corner-btn.close-btn:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff;transform:scale(1.1)}.file-name{font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.75rem;color:var(--text-dim);margin-top:2px}.file-download-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s;text-decoration:none}.file-download-btn:hover{background:var(--primary-color);color:#fff}.fade-in{animation:message-fade-in .3s ease-out}@keyframes message-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.lan-icon{font-size:1.1em}.connection-status{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0003;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:.8rem;min-width:200px;margin:.5rem}.connection-mode{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.mode-icon{font-size:1.2em}.connection-details{display:flex;justify-content:space-between;align-items:center;gap:1rem}.user-breakdown{display:flex;gap:.5rem;align-items:center}.local-users{color:var(--success-color);font-weight:500}.remote-users{color:var(--primary-color);font-weight:500}.total-users{color:var(--text-secondary);font-weight:500}.latency-info{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.latency-value{font-weight:600;font-size:.9em;color:var(--text-primary)}.latency-label{font-size:.7em;color:var(--text-dim)}.voice-status{padding:0;display:flex;flex-direction:column;gap:2px;width:100%}.voice-status-header{display:flex;align-items:center;gap:8px;color:var(--success-color);margin-bottom:2px}.voice-status-title{color:var(--success-color);font-weight:700;font-size:.8rem;line-height:1.2;letter-spacing:.5px}.voice-status-info{display:flex;justify-content:space-between;align-items:center;width:100%}.voice-status-server{color:var(--text-secondary);font-size:.8rem;line-height:1.4;font-weight:500}.voice-status-timer{color:var(--text-dim);font-size:.75rem;margin-top:0}.loading-wrapper{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-height:200px}.loading-spinner{width:40px;height:40px;border:4px solid var(--bg-tertiary);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.message-item.system{justify-content:center;padding:.5rem 1rem;margin:12px 0;opacity:.7}.message-item.system:hover{background:transparent!important}.message-system-content{background:var(--bg-tertiary);padding:.2rem .8rem;border-radius:12px;font-size:.85rem;font-style:italic;color:var(--text-dim);max-width:80%;text-align:center;border:1px solid rgba(255,255,255,.05)}:root[data-theme=light] .message-system-content{background:var(--bg-tertiary);color:var(--text-color);border-color:#0000000d}.typing-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.8rem;color:var(--primary-color);opacity:.8;height:24px}.typing-dots{display:flex;gap:2px}.typing-dots span{width:5px;height:5px;background-color:var(--primary-color);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.16s}.typing-dots span:nth-child(3){animation-delay:.32s}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.video-grid-container{background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;flex:1;min-height:0;overflow:hidden;padding:16px}.contents-default{display:grid;gap:16px;width:100%;height:100%;align-content:center;justify-items:center;max-width:1600px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(180px,1fr)}.video-tile-wrapper{width:100%;height:100%;min-width:0;min-height:0;display:flex;position:relative;transition:transform .2s cubic-bezier(.4,0,.2,1)}.video-tile{background-color:var(--bg-secondary);border-radius:12px;overflow:hidden;width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;box-shadow:none;border:1px solid var(--border-color)}.video-tile.camera-active{border-color:transparent}.video-overlay{position:absolute;bottom:12px;left:12px;padding:6px 12px;background:#000000b3;border-radius:6px;display:flex;align-items:center;gap:8px;z-index:10;pointer-events:none}.video-username{color:#fff;font-weight:600;font-size:.85rem}.mute-icon-small{display:flex;align-items:center;justify-content:center;color:var(--danger-color)}.video-grid-container.grid-count-1 .contents-default{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.video-grid-container.grid-count-1 .contents-default .video-tile-wrapper{max-width:640px;max-height:480px;aspect-ratio:16 / 9;width:100%;height:auto}.video-grid-container.grid-count-2 .contents-default{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));grid-template-rows:auto;grid-auto-rows:min-content;max-width:1600px;margin:0 auto}.video-grid-container.grid-count-2 .contents-default .video-tile{aspect-ratio:16 / 9}.video-grid-container.grid-count-3 .contents-default{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;max-width:1400px;margin:0 auto}.video-grid-container.grid-count-3 .video-tile:first-child{grid-column:1 / -1;max-width:900px;margin:0 auto;aspect-ratio:16/9}.video-grid-container.grid-count-3 .contents-default .video-tile{aspect-ratio:16 / 9}.video-grid-container.grid-count-4 .contents-default{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);max-width:1400px;margin:0 auto}.video-grid-container.grid-count-4 .contents-default .video-tile{aspect-ratio:16 / 9}.contents-default .video-tile{aspect-ratio:16 / 9;width:100%;max-height:100%}.video-grid-container.has-focus{grid-template-columns:1fr;grid-template-rows:1fr;padding:0;gap:0;overflow:hidden}.video-grid-container.has-focus .focus-participant{width:100%;height:100%;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-grid-container.has-focus .focus-participant .video-tile{border-radius:0}.video-grid-container.has-focus .side-participants{grid-column:2;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:16px;background:var(--bg-secondary);border-left:1px solid var(--border-color)}.video-tile-wrapper{cursor:pointer;width:100%;height:100%}.side-participants .video-tile-wrapper{aspect-ratio:16 / 9;flex-shrink:0}.video-element.is-screen{object-fit:contain;background:#000}.video-tile{position:relative;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:all var(--transition-fast)}.video-tile.camera-active{background:#000}.screen-share-modal{width:480px;max-width:95vw;background:var(--bg-secondary);border-radius:16px;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;padding:32px 24px 24px}.setting-group{margin-bottom:28px}.setting-group:last-of-type{margin-bottom:12px}.setting-group label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;letter-spacing:.5px}.quality-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:var(--bg-tertiary);padding:6px;border-radius:10px}.quality-options button{background:transparent;border:none;color:var(--text-secondary);padding:12px 8px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all var(--transition-fast)}.quality-options button:hover{background:#ffffff0d;color:var(--text-primary)}.quality-options button.active{background:var(--bg-secondary);color:var(--primary-color);box-shadow:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .15s ease-out}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);max-width:100%;width:480px;position:relative;animation:modalAppear .2s cubic-bezier(.1,.9,.2,1);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff0d;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:100}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-header{padding:24px 56px 16px 24px;display:flex;flex-direction:column;gap:8px}.modal-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em;line-height:1.2}.modal-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.4}.modal-body{padding:0 24px 24px;display:flex;flex-direction:column}.modal-footer{background:var(--bg-tertiary);padding:16px 24px;display:flex;align-items:center;justify-content:flex-end;gap:12px}.create-server-setup{display:flex;flex-direction:column;align-items:center;gap:24px;padding:8px 0}.avatar-upload-container{position:relative;display:flex;justify-content:center}.avatar-upload-circle{width:80px;height:80px;border-radius:50%;border:2px dashed var(--primary-color);background:#7251bc0d;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .25s cubic-bezier(.1,.9,.2,1);position:relative}.avatar-upload-circle:hover{background:#7251bc1a;border-color:var(--primary-light)}.avatar-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--primary-color)}.avatar-upload-placeholder .upload-text{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.avatar-preview-img{width:100%;height:100%;object-fit:cover;animation:fadeIn .3s ease-out}.avatar-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease}.avatar-upload-circle:hover .avatar-hover-overlay{opacity:1}.settings-profile-card{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color);margin-bottom:24px}.profile-avatar-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex-shrink:0}.avatar-upload-circle.large{width:120px;height:120px}.profile-info-area.full-width{width:100%;display:flex;flex-direction:column;gap:16px}.avatar-uploading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;border-radius:50%}.avatar-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar-upload-circle.uploading{pointer-events:none;opacity:.8}.hidden-file-input{display:none}.create-server-setup .form-group{width:100%;display:flex;flex-direction:column;gap:10px}.create-server-setup label{font-size:12px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.create-server-setup input[type=text]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:10px 12px;color:var(--text-primary);font-size:16px;width:100%;transition:all .2s ease}.create-server-setup input[type=text]:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #7251bc33}.tos-note{font-size:12px;line-height:1.4;color:var(--text-dim);margin:0}.modal-header.centered{text-align:center;align-items:center;display:flex;flex-direction:column}.modal-footer.centered{justify-content:center}.modal-ghost-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;padding:8px 12px}.modal-ghost-btn:hover{text-decoration:underline;color:var(--text-primary)}.modal-action-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:background .2s ease,border-color .2s ease;width:100%;text-align:left}.modal-action-card:hover{background:var(--bg-hover);border-color:var(--text-dim)}.modal-action-card:disabled{opacity:.5;cursor:not-allowed}.modal-action-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.modal-action-text{flex:1;margin-left:16px;font-weight:700;color:var(--text-primary);font-size:1rem}.danger-modal{width:440px}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.invite-embed-card{display:flex;align-items:center;gap:14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;margin-top:8px;max-width:420px;transition:border-color .2s ease}.invite-embed-card:hover{border-color:var(--primary-color)}.invite-embed-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.invite-embed-label{font-size:.7rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px;color:var(--primary-color)}.invite-embed-name{font-size:1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-embed-meta{font-size:.78rem;color:var(--text-dim);display:flex;align-items:center;gap:4px}.invite-embed-dot{width:8px;height:8px;border-radius:50%;background:var(--success-color);flex-shrink:0}.invite-embed-cta{background:var(--primary-color);color:#fff;border:none;padding:8px 18px;border-radius:6px;font-weight:700;font-size:.85rem;cursor:pointer;transition:background .2s ease;white-space:nowrap;flex-shrink:0}.invite-embed-cta:hover{background:var(--primary-hover)}.invite-embed-cta.joined{background:#ffffff0d;color:var(--text-secondary);cursor:not-allowed}.link-preview-card{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:8px;overflow:hidden;margin-top:8px;border-left:4px solid var(--primary-color);max-width:520px}.link-preview-image{width:100%;max-height:240px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.link-preview-image img{width:100%;height:100%;object-fit:cover}.link-preview-content{padding:12px 16px;display:flex;flex-direction:column;gap:4px}.link-preview-site{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.link-preview-title{font-size:1rem;font-weight:700;color:var(--primary-color);text-decoration:none;line-height:1.4}.link-preview-title:hover{text-decoration:underline}.link-preview-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}@media(max-width:768px){.invite-embed-card{flex-direction:column;align-items:stretch;text-align:center;max-width:100%}.invite-embed-info{align-items:center}.invite-embed-cta{width:100%}}.video-tile.speaking{border-color:var(--success-color)}.video-element{width:100%;height:100%;object-fit:contain;background:#000;display:block;animation:fadeIn .5s ease-out forwards}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bg-tertiary)}.video-overlay{position:absolute;bottom:8px;left:8px;padding:4px 8px;background:#000000b3;border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px;z-index:5}.video-username{color:#fff;font-size:.8rem;font-weight:600}@media(max-width:768px){.video-grid-container{padding:10px;gap:12px;overflow-y:auto!important;display:block}.contents-default{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;height:auto!important;padding-bottom:80px}.video-grid-container .video-tile-wrapper{width:100%;aspect-ratio:16 / 9;height:auto;flex:none}.video-grid-container.grid-count-1 .contents-default{padding:10px}.video-grid-container.has-focus{display:flex!important;flex-direction:column!important}.video-grid-container.has-focus .focus-participant{flex:1;min-height:50vh;max-height:70vh}.video-grid-container.has-focus .side-participants{display:flex!important;flex-direction:row!important;width:100%!important;height:120px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:10px!important;background:var(--bg-primary);border-left:none!important;border-top:1px solid var(--border-color);flex:none}.video-grid-container.has-focus .side-participants .video-tile-wrapper{width:160px!important;height:90px!important;aspect-ratio:16 / 9}}.user-item.speaking{background:rgba(var(--success-color),.05)}.user-item.speaking .user-avatar-component{box-shadow:0 0 0 1px var(--success-color)}.username.speaking{color:var(--success-color);font-weight:inherit}.waiting-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);z-index:10000;color:#fff;text-align:center;animation:fade-in .3s ease-out}.waiting-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.waiting-content h2{font-size:2rem;letter-spacing:.2rem;margin:0;background:linear-gradient(45deg,var(--primary-color),#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.waiting-content p{font-size:1.1rem;opacity:.8;margin:0}.waiting-sub{font-size:.85rem;opacity:.5;line-height:1.4}.spinner-large{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.game-view-container{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative;background:var(--bg-primary);z-index:100}.game-grid{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:40px;gap:24px;overflow-y:auto}.participant-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative}.participant-tile.speaking .user-avatar-component{box-shadow:0 0 0 2px var(--success-color)}.participant-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.status-indicator{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary);color:var(--danger-color)}.floating-controls-wrapper{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:1000}.floating-controls{pointer-events:auto;background:var(--bg-secondary);opacity:.98;padding:12px 24px;border-radius:40px;display:flex;align-items:center;gap:16px;border:1px solid var(--border-color)}.control-btn{width:48px;height:48px;border-radius:50%;border:none;background:#ffffff0d;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.control-btn:hover:not(:disabled){background:#ffffff26}.control-btn.active{background:#ffffff1a}.control-btn.danger{background:var(--danger-color);color:#fff}.control-btn.danger:hover{background:#ef4444}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-separator{width:1px;height:24px;background:var(--border-color);margin:0 4px}.floating-call-widget{position:fixed;width:440px;z-index:10000;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;cursor:grab;border-radius:12px;border:1px solid var(--border-color)}.floating-call-widget.dragging{cursor:grabbing;opacity:.9;transition:none!important}.widget-content{flex:1;aspect-ratio:16 / 9;position:relative;background:var(--bg-secondary)}.resize-handle{position:absolute;bottom:0;width:20px;height:20px;z-index:101;opacity:0;transition:opacity .2s}.resize-handle.right{right:0;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.2) 50%);border-bottom-right-radius:12px}.resize-handle.left{left:0;cursor:nesw-resize;background:linear-gradient(225deg,transparent 50%,rgba(255,255,255,.2) 50%);border-bottom-left-radius:12px}.floating-call-widget:hover .resize-handle{opacity:1}.widget-content .video-tile-wrapper{width:100%;height:100%}.widget-content .video-tile{border:none;border-radius:0}@media(max-width:768px){.floating-call-widget{display:none!important}}.landing-container{height:100vh;width:100vw;display:flex;flex-direction:column;background:linear-gradient(var(--banner-overlay),var(--banner-overlay)),var(--banner-url);background-size:cover;background-position:center;background-repeat:no-repeat;transition:background .8s cubic-bezier(.4,0,.2,1);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;position:relative;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.landing-container:before{content:"";position:fixed;top:-10%;left:-10%;width:120%;height:120%;background:inherit;filter:blur(10px) brightness(.8);z-index:0;animation:backgroundDistort 25s ease-in-out infinite alternate;pointer-events:none}.landing-header{padding:2rem 3rem;display:flex;align-items:center;justify-content:space-between;max-width:1800px;margin:0 auto;width:100%;position:relative;z-index:10}.landing-nav{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;align-items:center;gap:1.5rem}.header-actions{display:flex;align-items:center;gap:1rem}.landing-cta-btn{padding:.8rem 1.5rem!important;font-size:.95rem!important;text-decoration:none!important}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.theme-toggle:hover{background:var(--bg-hover)}.dropdown-container{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);font-weight:600;color:var(--text-secondary);cursor:pointer;padding:6px 14px;border-radius:20px;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.85rem}.dropdown-trigger:hover{border-color:var(--primary-color);color:var(--text-primary);background:var(--bg-hover)}.nav-dropdown{position:absolute;top:calc(100% + 12px);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 25px #0000004d;min-width:160px;padding:6px;z-index:100}.dropdown-item{width:100%;border:none;background:transparent;display:flex;align-items:center;padding:10px 14px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .2s;font-size:.85rem;font-weight:500;cursor:pointer;text-align:left}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.active{background:var(--primary-color);color:#fff}.animate-scale-in{animation:scale-in .2s cubic-bezier(.16,1,.3,1);transform-origin:top right}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.desktop-only{display:none}}.landing-logo{display:flex;align-items:center;gap:16px;font-weight:800;font-size:1.75rem;color:var(--text-primary);text-decoration:none;letter-spacing:-.5px}.landing-logo img{height:48px;width:48px;border-radius:var(--radius-md)}.landing-nav{display:flex;gap:3rem;align-items:center}.landing-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.landing-link:hover{color:var(--primary-color)}.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem;gap:2.5rem;max-width:1400px;margin:0 auto;width:100%;position:relative;z-index:1}.hero-title{font-size:5rem;font-weight:900;line-height:1.05;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-2px}.hero-title span{color:var(--primary-color)}.hero-subtitle{font-size:1.75rem;color:var(--text-secondary);max-width:900px;line-height:1.6;font-weight:400}.hero-cta{display:flex;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.landing-hero .btn-primary,.releases-grid .btn-primary,.landing-hero .btn-secondary,.releases-grid .btn-secondary{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;z-index:1}.landing-hero .btn-primary,.releases-grid .btn-primary{padding:1.2rem 2.5rem;font-size:1.1rem;border-radius:8px}.landing-hero .btn-secondary,.releases-grid .btn-secondary{padding:1.2rem 2.5rem;font-size:1.1rem;border-radius:8px;background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.landing-hero .btn-secondary:hover,.releases-grid .btn-secondary:hover{border-color:var(--primary-color);background:var(--bg-hover)}.landing-section{padding:6rem 2rem;width:100%;max-width:1800px;margin:0 auto;position:relative;z-index:1}.section-title{font-size:3rem;font-weight:800;text-align:center;margin-bottom:4rem;color:var(--text-primary);letter-spacing:-1px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:2rem}.carousel-container{position:relative;width:100%;padding:0 4rem;margin:1.5rem 0}@media(max-width:768px){.carousel-container{padding:0 .5rem}}.carousel-viewport{overflow:hidden;width:100%;border-radius:20px;padding:10px 0;margin:-10px 0}.carousel-track{display:flex;transition:transform .6s cubic-bezier(.23,1,.32,1);will-change:transform}.carousel-slide{flex-shrink:0;padding:0 .5rem;width:100%;display:flex;justify-content:center}.carousel-slide>*{width:100%;max-width:100%}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:5}.carousel-nav-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-50%) scale(1.1)}.carousel-nav-btn:disabled{opacity:.3;cursor:not-allowed}.carousel-nav-btn.prev{left:-10px}.carousel-nav-btn.next{right:-10px}.carousel-dots{display:flex;justify-content:center;gap:12px;margin-top:3rem}.carousel-dot{width:10px;height:10px;border-radius:50%;background:var(--border-color);border:none;cursor:pointer;transition:all .3s;padding:0}.carousel-dot:hover{background:var(--text-dim)}.carousel-dot.active{background:var(--primary-color);transform:scale(1.3)}.feature-card{position:relative;background:#16181c66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:3rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;z-index:1}:root[data-theme=light] .feature-card{background:#fff9;border-color:#0000000d;box-shadow:0 10px 30px #0000000a}.feature-card:before{content:"";position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:300%;height:300%;background:radial-gradient(circle,var(--bg-hover) 0%,transparent 100%);transition:opacity .6s cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%);z-index:-1;opacity:0;border-radius:50%}.feature-card:hover{border-color:var(--primary-color)}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;color:var(--primary-color);margin-bottom:.5rem}.landing-container .features-grid .feature-card .feature-title{font-size:2.25rem!important;font-weight:800!important;margin:0;color:var(--text-primary);letter-spacing:-.5px;line-height:1.2}.landing-container .features-grid .feature-card .feature-desc{color:var(--text-secondary);line-height:1.6;font-size:1.35rem!important;font-weight:450!important;margin-top:.5rem}.release-container{position:relative;background:#16181c66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:3rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);max-width:900px;margin:0 auto;overflow:hidden;z-index:1;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d}:root[data-theme=light] .release-container{background:#ffffffa6;border-color:#0000000d;box-shadow:0 12px 40px #0000000a}.release-container:before{content:"";position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:250%;height:250%;background:radial-gradient(circle,var(--bg-hover) 0%,transparent 100%);transition:opacity .6s cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%);z-index:-1;opacity:0;border-radius:50%}.release-container:hover{border-color:var(--primary-color)}.release-container:hover:before{opacity:1}.code-block{background:#0d1117;padding:1.5rem 2rem;border-radius:8px;font-family:JetBrains Mono,Fira Code,monospace;color:#c9d1d9;overflow-x:auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border:1px solid var(--border-color);margin-top:2rem;scrollbar-width:none;-ms-overflow-style:none}.code-block::-webkit-scrollbar{display:none}.code-text{font-size:.95rem}.copy-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.copy-btn:hover{background:var(--bg-hover);border-color:var(--primary-color)}.landing-footer{background:#16181c99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text-primary);padding:6rem 2rem 4rem;font-family:Inter,sans-serif;margin-top:8rem;position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.1)}:root[data-theme=light] .landing-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color)}.footer-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;gap:4rem;padding-bottom:4rem}.footer-brand-section{flex:0 0 300px;display:flex;flex-direction:column;gap:1.5rem}.footer-logo{display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:800;color:var(--text-primary)}.footer-logo img{width:40px;height:40px}.footer-tagline{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.footer-socials{display:flex;gap:1.5rem;margin-top:1rem}.footer-social-link{color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-social-link:hover{color:var(--primary-color)}.footer-nav-grid{display:flex;gap:6rem}.footer-nav-col{display:flex;flex-direction:column;gap:.75rem}.footer-col-title{color:var(--primary-color);font-size:.85rem;font-weight:700;margin-bottom:.5rem;letter-spacing:.5px}.footer-nav-link{color:var(--text-secondary);text-decoration:none;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-nav-link:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:2rem;max-width:1400px;margin:0 auto}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center}.footer-bottom-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.25rem}.footer-bottom-logo img{width:24px;height:24px}.footer-copy{color:var(--text-dim);font-size:.85rem}.btn-sm{padding:.6rem 1.2rem;font-size:.9rem}@media(max-width:1024px){.footer-container{flex-direction:column;gap:3rem}.footer-nav-grid{gap:4rem;flex-wrap:wrap}}@media(max-width:768px){.footer-nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:768px){.hero-title{font-size:3.5rem}.landing-nav{display:none}.hero-cta{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;justify-content:center}.landing-header{padding:1.5rem}.landing-hero{padding:4rem 1.5rem}.feature-card{padding:1.5rem}.release-container{padding:2rem 1.5rem}.code-block{flex-direction:column;align-items:stretch;padding:1.25rem 1rem;gap:1rem}.code-text{font-size:.9rem;white-space:nowrap;overflow-x:auto;display:block;width:100%;text-align:center;padding-bottom:4px}.copy-btn{width:100%;display:flex;justify-content:center}}.message-media-card{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);width:fit-content;min-width:320px;max-width:500px;margin-top:4px;overflow:hidden;transition:border-color var(--transition-fast)}.message-media-card:hover{border-color:var(--text-dim)}.media-body{padding:12px 16px}.media-info-bar{background:var(--bg-tertiary);padding:10px 16px;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:12px;min-height:52px}.media-info-bar .file-icon{color:var(--primary-color);display:flex;align-items:center;opacity:.9}.media-info-bar .file-details{display:flex;flex-direction:column;flex-grow:1;min-width:0}.media-info-bar .file-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-info-bar .file-meta{font-size:11px;color:var(--text-dim);font-weight:500}.message-media-video{width:100%;max-height:400px;display:block;object-fit:contain}.custom-audio-player{width:100%}.audio-controls-main{display:flex;align-items:center;gap:16px}.audio-play-btn{width:40px;height:40px;border-radius:12px;background:var(--primary-color);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.audio-play-btn:hover{background:var(--primary-hover)}.audio-content-right{flex-grow:1;display:flex;flex-direction:column;gap:4px}.audio-slider-wrapper{position:relative;height:14px;display:flex;align-items:center}.audio-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--bg-hover);border-radius:3px;outline:none;cursor:pointer;position:relative}.audio-slider:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);background:var(--primary-color);border-radius:3px;pointer-events:none;z-index:1}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid var(--primary-color);position:relative;z-index:5}.audio-info-row{display:flex;justify-content:space-between;align-items:center}.audio-meta{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-secondary);font-family:Outfit,sans-serif}.audio-divider{color:var(--text-dim);opacity:.5}.audio-volume-indicator{color:var(--text-dim);opacity:.6}.file-download-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-hover);transition:all var(--transition-fast);border:1px solid var(--border-color)}.file-download-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.chat-area-container{display:flex;flex:1;width:100%;height:100%;overflow:hidden}.chat-messages-column{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.members-panel{width:240px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow-y:auto;transition:width var(--transition-normal),margin-right var(--transition-normal),opacity .2s ease,visibility .2s ease;opacity:1}.members-panel.closed{width:0;margin-right:-1px;opacity:0;visibility:hidden;overflow:hidden;border-left:none;animation:none}@media(max-width:768px){.chat-area-container{position:relative;overflow:hidden}.members-panel{position:absolute;top:0;right:0;bottom:0;width:100%!important;max-width:100%;z-index:50;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:1!important;visibility:visible!important;margin:0!important;border-left:none}.members-panel.closed{width:100%!important;transform:translate(100%);opacity:1!important;visibility:visible!important}.side-panel{position:absolute;top:0;right:0;bottom:0;width:100%!important;max-width:100%;z-index:51;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:1!important;visibility:visible!important;margin:0!important;border-left:none;animation:none!important}.side-panel.closed{width:100%!important;transform:translate(100%);opacity:1!important;visibility:visible!important}}.members-panel-header{padding:16px;font-weight:700;font-size:.9rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.5px}.members-count{background:var(--bg-hover);padding:2px 8px;border-radius:12px;font-size:.75rem;color:var(--text-secondary)}.members-list{padding:16px 8px;display:flex;flex-direction:column;gap:20px}.members-section-title{font-size:.75rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 8px}.member-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-sm);transition:background var(--transition-fast);cursor:default}.member-item:hover{background:var(--bg-hover)}.member-avatar-wrapper{position:relative}.member-status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-primary);z-index:2}.member-status-dot.online{background:var(--success-color)}.portal-picker{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #00000080;overflow:hidden;display:flex!important;flex-direction:column}.portal-picker>*{flex:1;width:100%!important;max-width:100%!important}.portal-picker .picmo__search-icon,.portal-picker [class*=search-icon],.portal-picker svg[class*=search]{color:var(--text-muted)!important;fill:var(--text-muted)!important}.portal-picker .picmo__search-input,.portal-picker [class*=search-input]{color:var(--text-primary)!important;background-color:transparent!important}.portal-picker .picmo__search-input::placeholder,.portal-picker [class*=search-input]::placeholder{color:var(--text-muted)!important}.portal-picker .picmo__emoji-area{overflow-x:hidden!important}.member-status-dot.offline{background:#3f4147}.member-item.speaking .member-avatar-wrapper:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:1px solid var(--success-color);animation:pulse 1.5s infinite}.member-info{display:flex;flex-direction:column;overflow:hidden}.member-name{font-weight:500;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-name.is-local{color:var(--primary-color)}.member-status-text{font-size:.8rem;color:var(--text-secondary);display:flex;gap:4px;min-height:16px}.members-empty{padding:20px 8px;text-align:center;color:var(--text-dim);font-size:.9rem}.app-layout-container{display:flex;flex-direction:column;height:100%;width:100%;position:relative}.friends-view{display:flex;flex-direction:column;flex:1;overflow:hidden}.friends-header{padding:16px 20px;border-bottom:1px solid var(--border-color)}@media(max-width:768px){.friends-header{padding:12px 16px}.friends-tabs{flex-wrap:wrap;gap:6px}.friends-tab.add-friend-btn{margin-left:0!important;width:100%;justify-content:center;margin-top:4px;order:10}}.friends-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 12px}.friends-tabs{display:flex;gap:4px;flex-wrap:wrap}.friends-tab{padding:10px 20px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease;display:flex;align-items:center;gap:8px}.friends-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.friends-tab.active{background:var(--primary-color);color:#fff}.friends-tab .badge{background:var(--danger-color);color:#fff;font-size:.7rem;font-weight:700;padding:1px 5px;border-radius:8px;min-width:16px;text-align:center}.add-friend-btn{background:var(--success-color)!important;color:#fff!important}.add-friend-btn:hover{filter:brightness(1.1)}.add-friend-form{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border-color);animation:fadeIn .2s ease}.add-friend-input{flex:1;padding:8px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s}.add-friend-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.add-friend-submit{padding:8px 16px;border-radius:8px;border:none;background:var(--primary-color);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:filter .2s}.add-friend-submit:hover{filter:brightness(1.1)}.friends-list{flex:1;overflow-y:auto;padding:8px}.friends-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-dim);text-align:center}.friends-empty p{font-size:1rem;font-weight:400;max-width:400px;line-height:1.5;opacity:.7}.home-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.home-content{max-width:500px;display:flex;flex-direction:column;align-items:center;gap:24px}.home-icon-container{width:80px;height:80px;border-radius:24px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--primary-color);margin-bottom:8px}.home-title{font-size:1.8rem;font-weight:800;color:var(--text-primary);margin:0}.home-subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin:0}.home-actions{display:flex;gap:12px;margin-top:8px}.friend-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;transition:background .15s ease}.friend-item:hover{background:var(--bg-hover)}.friend-info{display:flex;align-items:center;gap:12px;min-width:0}.friend-details{display:flex;flex-direction:column;gap:2px;min-width:0}.friend-username{font-weight:600;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-status{font-size:.8rem;color:var(--text-muted)}.friend-status.online{color:var(--success-color)}.friend-status.offline{color:var(--text-muted)}.friend-status.pending{color:var(--warning-color);font-style:italic}.friend-status.outgoing{color:var(--text-dim);font-style:italic}.friend-actions{display:flex;gap:4px}.friend-action-btn{width:34px;height:34px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.friend-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.friend-action-btn.accept{color:var(--success-color)}.friend-action-btn.accept:hover{background:#43b58126}.friend-action-btn.reject,.friend-action-btn.danger{color:var(--danger-color)}.friend-action-btn.reject:hover,.friend-action-btn.danger:hover{background:#f0474726}.friend-action-btn.message{color:var(--text-secondary)}.friend-action-btn.message:hover{color:var(--primary-color)}.dm-list{display:flex;flex-direction:column;gap:2px}.dm-list-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.dm-list-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dm-list-item.active{background:#7251bc1a;color:var(--primary-color)}.dm-list-item-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.dm-list-item-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-list-item-preview{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-color);flex-shrink:0;box-shadow:0 0 10px #7251bc66}.member-avatar-wrapper{position:relative;flex-shrink:0}.dm-conversation{display:flex;flex-direction:column;flex:1;overflow:hidden}.dm-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.dm-header-username{font-weight:700;font-size:1rem;color:var(--text-primary)}.dm-messages{flex:1;overflow-y:auto;padding:1rem 0}.dm-loading{display:flex;align-items:center;justify-content:center;padding:32px;color:var(--text-muted);font-size:.9rem}.message-toolbar{position:absolute;top:-14px;right:16px;display:none;gap:2px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:2px;z-index:10}.message-item:hover .message-toolbar,.message-toolbar.force-visible{display:flex}.toolbar-btn{width:30px;height:30px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .1s ease}.toolbar-btn:hover,.toolbar-btn.active{background:var(--bg-hover);color:var(--text-primary)}.toolbar-btn.active{color:var(--accent-primary)}.toolbar-btn.danger:hover{background-color:#ed424526;color:#ed4245}.seen-indicator{display:inline-flex;align-items:center;margin-left:6px;color:var(--text-muted);opacity:.5;transition:all .2s ease;vertical-align:middle}.seen-indicator.seen{color:#3ba55c;opacity:1}.mention{background:#5865f24d;color:#dee0fc;padding:0 2px;border-radius:3px;font-weight:500;cursor:pointer;transition:background .2s}.mention:hover{background:#5865f280}.message-item.mention-highlight{background:#faa61a0d!important;border-left:2px solid #faa61a!important}.message-item.deleted{opacity:.5}.deleted-text{color:var(--text-muted)!important;font-style:italic}.guest-banner{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;padding:8px 48px;min-height:48px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;overflow:hidden;opacity:1;transform:translateY(0);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.guest-banner.closed{transform:translateY(-100%);opacity:0;box-shadow:none;pointer-events:none}:root[data-theme=light] .guest-banner{background:rgba(var(--primary-color-rgb, 161, 78, 255),.9);border-bottom-color:#fff3}:root[data-theme=light] .guest-banner.closed{border-bottom-width:0!important}.guest-banner-content{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.95rem;flex:1;text-align:center}:root[data-theme=light] .guest-banner-action{background:#ffffffe6;color:var(--primary-color)}:root[data-theme=light] .guest-banner-action:hover{background:#fff}.guest-banner-icon{flex-shrink:0;animation:pulse 2s infinite ease-in-out}.guest-banner-action{background:#fff;color:var(--primary-color);border:none;padding:4px 12px;border-radius:4px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;margin-left:12px}.guest-banner-action:hover{background:var(--bg-hover)}.guest-banner-close{background:transparent;color:#fffc;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.guest-banner-close:hover{color:#fff;background:#fff3}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;margin-bottom:6px;padding-left:0}.reaction-chip{display:flex;align-items:center;gap:4px;padding:2px 6px;background:#ffffff0d;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.85rem;-webkit-user-select:none;user-select:none}.reaction-chip:hover{background:#ffffff1a;border-color:#fff3}.reaction-chip.me{background:#7251bc26;border-color:#7251bc66}.reaction-chip.me:hover{background:#7251bc40}.reaction-count{font-weight:600;color:var(--text-secondary)}.reaction-chip.me .reaction-count{color:var(--primary-color)}.reaction-picker-overlay{position:absolute;position:fixed;z-index:9999;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:8px;display:flex;flex-wrap:wrap;gap:6px;box-shadow:0 8px 24px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:max-content;max-width:300px}.picker-emoji{font-size:1.4rem;padding:4px;border-radius:6px;cursor:pointer;transition:transform .1s ease,background .2s ease}.picker-emoji:hover{background:#ffffff1a}.pinned-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--warning-color);margin-bottom:2px;font-weight:600}.message-item.is-pinned{background:#fc8b4f08}.toolbar-btn.active{color:var(--primary-color);background:#7251bc1a}.toolbar-btn svg{transition:transform .1s ease}.toolbar-btn:active svg{transform:scale(.85)}.dm-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.dm-header-left{display:flex;align-items:center;gap:12px}.dm-header-actions{display:flex;gap:8px}.header-icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.header-icon-btn svg{color:inherit!important;stroke:currentColor!important}.header-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-icon-btn.active{color:var(--primary-color);background:#7251bc1a}.side-panel{width:350px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow-y:auto;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,visibility .2s ease,margin-right .3s cubic-bezier(.4,0,.2,1);opacity:1}.side-panel.closed{transform:translate(100%);margin-right:-350px;opacity:0;visibility:hidden;overflow:hidden;border-left:none}.side-panel-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.side-panel-title{font-size:1rem;font-weight:700}.side-panel-content{flex:1;overflow-y:auto;padding:12px}.dm-conversation{display:flex;flex-direction:row;height:100%}.dm-main-chat{flex:1;display:flex;flex-direction:column;min-width:0}.search-results-list{display:flex;flex-direction:column;gap:12px}.search-result-item{padding:10px;background:var(--bg-tertiary);border-radius:8px;cursor:pointer;transition:background .2s ease}.search-result-item:hover{background:var(--bg-hover)}.search-result-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.8rem;color:var(--text-secondary)}.search-result-user{font-weight:600;color:var(--text-primary)}.search-result-text{font-size:.9rem;line-height:1.4;color:var(--text-secondary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3}.search-input-wrapper{position:relative;width:100%}.search-suggestions-popout{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-top:8px;box-shadow:var(--shadow-xl);z-index:100;padding:8px}.suggestion-section-title{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;padding:8px}.suggestion-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:4px;cursor:pointer;transition:background .1s}.suggestion-item:hover{background:var(--bg-hover)}.suggestion-item-icon{color:var(--text-muted)}.suggestion-item-text{font-size:.85rem;font-weight:500}.suggestion-item-subtext{font-size:.75rem;color:var(--text-muted);margin-left:auto}.chat-input-actions{display:flex;align-items:center;gap:8px}.chat-emoji-btn{width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.chat-emoji-btn:hover{color:var(--warning-color);background:var(--bg-hover)}.input-emoji-picker-container{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;z-index:1000;width:352px;max-height:420px;overflow-y:auto;overflow-x:hidden;animation:fadeIn .15s ease-out}.unpin-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:8px}.unpin-btn:hover{background:#f0474726;color:var(--danger-color)}.search-input-wrapper{position:relative}.search-input{width:100%;padding:8px 12px;background-color:var(--bg-tertiary);border:1px solid transparent;border-radius:4px;color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box}.search-input:focus{background-color:var(--bg-secondary);border-color:var(--primary-color);outline:none;box-shadow:none}.search-input:focus-visible{outline:none;box-shadow:none}.search-input::placeholder{color:var(--text-muted);font-weight:500}.quick-switcher{max-width:580px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.quick-switcher-input-wrapper{padding:16px;border-bottom:1px solid var(--border-color)}.quick-switcher-results{max-height:440px;overflow-y:auto;padding:8px 0}.switcher-section{padding-bottom:8px}.switcher-section-title{padding:8px 16px 4px;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.switcher-item{display:flex;align-items:center;gap:12px;padding:8px 16px;cursor:pointer;transition:background .1s ease}.switcher-item:hover{background:var(--bg-modifier-hover)}.switcher-item-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.switcher-item-text{flex:1;display:flex;flex-direction:column;min-width:0}.switcher-item-name{font-size:.95rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switcher-item-preview{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switcher-no-results{padding:20px;text-align:center;color:var(--text-muted);font-size:.9rem}.quick-switcher-footer{padding:12px 16px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:16px;font-size:.75rem;color:var(--text-muted)}.switcher-key{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;padding:0 4px;min-width:18px;height:18px;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.profile-modal-content{width:600px;max-width:95vw;background:var(--bg-primary);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 1px #ffffff1a;display:flex;flex-direction:column;position:relative;border:1px solid var(--border-color);-webkit-user-select:none;user-select:none}.profile-banner{height:120px;width:100%;position:relative}.profile-banner .modal-close-btn{background:#0003;color:#fff;top:12px;right:12px}.profile-banner .modal-close-btn:hover{background:#0006}.profile-header{padding:0 32px 24px;position:relative;display:flex;flex-direction:column;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.profile-avatar-wrapper{margin-top:-60px;position:relative;width:128px;height:128px;border:4px solid var(--bg-secondary);border-radius:50%;background:var(--bg-secondary);margin-bottom:16px}.profile-status-dot{position:absolute;bottom:8px;right:8px;width:24px;height:24px;border:4px solid var(--bg-secondary);border-radius:50%;background:var(--text-dim)}.profile-status-dot.online{background:var(--success-color)}.profile-header-info{margin-bottom:24px}.profile-username{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:4px}.profile-status-text{font-size:.95rem;color:var(--text-muted)}.profile-actions{display:flex;gap:12px}.profile-body{padding:32px;background:var(--bg-primary);flex:1;display:flex;flex-direction:column;gap:24px}.profile-section{display:flex;flex-direction:column;gap:12px}.profile-section-header{display:flex;justify-content:space-between;align-items:center}.profile-section-title{font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.profile-edit-inline{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.profile-edit-inline:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-bio-text{font-size:.95rem;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap}.profile-bio-edit-wrapper{display:flex;flex-direction:column;gap:12px}.profile-bio-edit-actions{display:flex;justify-content:flex-end;gap:12px}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:8px}.info-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.info-icon{color:var(--text-muted);margin-top:2px}.info-detail{display:flex;flex-direction:column;gap:2px}.info-label{font-size:.65rem;font-weight:800;color:var(--text-muted);text-transform:uppercase}.info-value{font-size:.85rem;font-weight:600;color:var(--text-primary)}.options-toggle-group{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:8px;overflow:hidden;margin-top:8px}.toggle-indicator{position:absolute;top:4px;bottom:4px;background:var(--primary-color);border-radius:6px;box-shadow:0 2px 8px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0}.toggle-btn{position:relative;z-index:1;padding:10px 12px;border:none;background:transparent!important;color:var(--text-secondary);font-size:.85rem;font-weight:700;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toggle-btn:hover:not(.active){background:var(--bg-hover)!important;color:var(--text-primary)}.toggle-btn.active{color:#fff!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible),.home-nav-item:focus-visible,.add-friend-input:focus-visible{outline:none}@media(max-width:768px),(hover:none){:focus-visible{outline:none}}.profile-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:10px 16px;border-radius:8px;border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.profile-action-btn.primary{background:var(--primary-color);color:#fff}.profile-action-btn.primary:hover{background:var(--primary-hover)}.profile-action-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary)}.profile-action-btn.secondary:hover{background:var(--bg-hover)}.oauth-authorize-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary, #1a1b2e);padding:1rem}.oauth-card{background:var(--bg-secondary, #23243a);border-radius:16px;padding:2.5rem;max-width:420px;width:100%;box-shadow:0 8px 32px #0006;border:1px solid var(--border-color, rgba(255, 255, 255, .06))}.oauth-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;color:var(--accent, #7c5cff)}.oauth-logo h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary, #fff)}.oauth-logo svg{color:var(--accent, #7c5cff)}.oauth-card h2{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary, #fff)}.oauth-desc{color:var(--text-secondary, #a0a4b8);font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.oauth-user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-tertiary, rgba(255, 255, 255, .04));border-radius:10px;margin-bottom:1.5rem}.oauth-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent, #7c5cff);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff}.oauth-user-name{font-weight:600;color:var(--text-primary, #fff)}.oauth-permissions{margin-bottom:2rem}.oauth-perm-title{font-size:.85rem;font-weight:600;color:var(--text-secondary, #a0a4b8);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.oauth-permissions ul{list-style:none;padding:0;margin:0}.oauth-permissions li{padding:.5rem 0;color:var(--text-primary, #fff);font-size:.9rem;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .06))}.oauth-permissions li:last-child{border-bottom:none}.oauth-actions{display:flex;gap:.75rem;justify-content:flex-end}.oauth-btn{padding:.65rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:all .2s ease}.oauth-btn:disabled{opacity:.6;cursor:not-allowed}.oauth-btn-allow{background:var(--accent, #7c5cff);color:#fff}.oauth-btn-allow:hover:not(:disabled){background:var(--accent-hover, #6a4de6);transform:translateY(-1px);box-shadow:0 4px 12px #7c5cff4d}.oauth-btn-deny{background:transparent;color:var(--text-secondary, #a0a4b8);border:1px solid var(--border-color, rgba(255, 255, 255, .1))}.oauth-btn-deny:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary, #fff)}.oauth-error{text-align:center;color:#f44336;padding:1.5rem 0}.oauth-error p{margin-bottom:1rem}.oauth-login-required{text-align:center;padding:1.5rem 0}.oauth-login-required p{color:var(--text-secondary, #a0a4b8);margin-bottom:1rem}