:root{--osi-p-neutral-0: #000000;--osi-p-neutral-50: #080808;--osi-p-neutral-100: #0a0a0a;--osi-p-neutral-150: #0c0c0c;--osi-p-neutral-200: #121212;--osi-p-neutral-250: #141414;--osi-p-neutral-300: #1a1a1a;--osi-p-neutral-350: #1e1e1e;--osi-p-neutral-400: #262626;--osi-p-neutral-500: #383838;--osi-p-neutral-600: #5a5a5a;--osi-p-neutral-700: #8e8e8e;--osi-p-neutral-750: #b0b0b0;--osi-p-neutral-800: #d0d0d0;--osi-p-neutral-850: #ececec;--osi-p-neutral-900: #f2f2f2;--osi-p-neutral-950: #f8f9ff;--osi-p-light-50: #f5f6fa;--osi-p-light-100: #eef0f5;--osi-p-light-200: #e2e5ed;--osi-p-light-300: #d0d4de;--osi-p-light-400: #b8bcc8;--osi-p-light-500: #9298a8;--osi-p-light-700: #4a5168;--osi-p-light-900: #1a1d2e;--osi-p-brand-100: #0d1624;--osi-p-brand-200: #121d30;--osi-p-brand-300: #1b2c47;--osi-p-brand-350: #223457;--osi-p-brand-400: #2f426f;--osi-p-brand-500: #3d5491;--osi-p-brand-600: #5c6fb1;--osi-p-brand-700: #7088c8;--osi-p-brand-750: #7a91db;--osi-p-brand-800: #8eaae8;--osi-p-brand-850: #b8caf8;--osi-p-brand-900: #dce6ff;--osi-p-brand-950: #eef3ff;--osi-p-green-400: #33ca88;--osi-p-green-500: #48a16d;--osi-p-green-900: #dcffea;--osi-p-yellow-400: #f0b24f;--osi-p-yellow-900: #ffe8b0;--osi-p-red-400: #df5e5e;--osi-p-red-500: #a64646;--osi-p-red-900: #ffdcdc;--osi-p-grey-500: #5a6175;--osi-p-white-04: rgba(255, 255, 255, .04);--osi-p-white-06: rgba(255, 255, 255, .06);--osi-p-white-08: rgba(255, 255, 255, .08);--osi-p-white-10: rgba(255, 255, 255, .1);--osi-p-white-12: rgba(255, 255, 255, .12);--osi-p-white-14: rgba(255, 255, 255, .14);--osi-p-white-16: rgba(255, 255, 255, .16);--osi-p-white-22: rgba(200, 200, 200, .22);--osi-p-white-24: rgba(220, 220, 220, .24);--osi-p-white-40: rgba(255, 255, 255, .4);--osi-p-black-04: rgba(0, 0, 0, .04);--osi-p-black-08: rgba(0, 0, 0, .08);--osi-p-black-12: rgba(0, 0, 0, .12);--osi-p-black-16: rgba(0, 0, 0, .16);--osi-p-black-24: rgba(0, 0, 0, .24);--osi-p-black-40: rgba(0, 0, 0, .4);--osi-p-brand-a18: rgba(112, 136, 205, .18);--osi-p-brand-a24: rgba(112, 136, 205, .24);--osi-p-brand-a36: rgba(122, 145, 219, .36);--osi-p-brand-a40: rgba(132, 155, 229, .4);--osi-p-space-1: 4px;--osi-p-space-2: 8px;--osi-p-space-3: 12px;--osi-p-space-4: 16px;--osi-p-space-5: 20px;--osi-p-space-6: 24px;--osi-p-space-7: 28px;--osi-p-space-8: 32px;--osi-p-space-px-1: 1px;--osi-p-space-px-2: 2px;--osi-p-space-px-3: 3px;--osi-p-space-px-5: 5px;--osi-p-space-px-6: 6px;--osi-p-space-px-7: 7px;--osi-p-space-px-9: 9px;--osi-p-space-px-10: 10px;--osi-p-space-px-11: 11px;--osi-p-space-px-14: 14px;--osi-p-space-px-18: 18px;--osi-p-space-px-34: 34px;--osi-p-size-16: 16px;--osi-p-size-18: 18px;--osi-p-size-20: 20px;--osi-p-size-22: 22px;--osi-p-size-24: 24px;--osi-p-size-26: 26px;--osi-p-size-28: 28px;--osi-p-size-30: 30px;--osi-p-size-32: 32px;--osi-p-size-34: 34px;--osi-p-size-36: 36px;--osi-p-size-38: 38px;--osi-p-size-40: 40px;--osi-p-size-44: 44px;--osi-p-size-46: 46px;--osi-p-size-48: 48px;--osi-p-size-52: 52px;--osi-p-size-64: 64px;--osi-p-size-88: 88px;--osi-p-size-90: 90px;--osi-p-size-136: 136px;--osi-p-size-148: 148px;--osi-p-size-188: 188px;--osi-p-size-220: 220px;--osi-p-size-320: 320px;--osi-p-size-520: 520px;--osi-p-size-6: 6px;--osi-p-size-8: 8px;--osi-p-size-10: 10px;--osi-p-size-12: 12px;--osi-p-size-14: 14px;--osi-p-size-42: 42px;--osi-p-size-50: 50px;--osi-p-size-56: 56px;--osi-p-size-60: 60px;--osi-p-size-72: 72px;--osi-p-size-80: 80px;--osi-p-size-86: 86px;--osi-p-size-92: 92px;--osi-p-size-96: 96px;--osi-p-size-100: 100px;--osi-p-size-110: 110px;--osi-p-size-120: 120px;--osi-p-size-128: 128px;--osi-p-size-160: 160px;--osi-p-size-240: 240px;--osi-p-size-280: 280px;--osi-p-size-300: 300px;--osi-p-size-350: 350px;--osi-p-size-360: 360px;--osi-p-size-400: 400px;--osi-p-size-416: 416px;--osi-p-size-440: 440px;--osi-p-size-460: 460px;--osi-p-size-480: 480px;--osi-p-size-600: 600px;--osi-p-size-640: 640px;--osi-p-size-980: 980px;--osi-p-size-1240: 1240px;--osi-p-size-4: 4px;--osi-p-size-9: 9px;--osi-p-size-122: 122px;--osi-p-size-54: 54px;--osi-p-size-58: 58px;--osi-p-size-68: 68px;--osi-p-size-140: 140px;--osi-p-size-180: 180px;--osi-p-size-700: 700px;--osi-p-size-720: 720px;--osi-p-size-780: 780px;--osi-p-size-150: 150px;--osi-p-size-170: 170px;--osi-p-size-260: 260px;--osi-p-size-290: 290px;--osi-p-size-500: 500px;--osi-p-size-760: 760px;--osi-p-size-820: 820px;--osi-p-size-900: 900px;--osi-p-r-2: 2px;--osi-p-r-4: 4px;--osi-p-r-8: 8px;--osi-p-r-9: 9px;--osi-p-r-10: 10px;--osi-p-r-11: 11px;--osi-p-r-12: 12px;--osi-p-r-14: 14px;--osi-p-r-16: 16px;--osi-p-r-22: 22px;--osi-p-r-full: 999px;--osi-p-fs-10: 10px;--osi-p-fs-11: 11px;--osi-p-fs-12: 12px;--osi-p-fs-13: 13px;--osi-p-fs-14: 14px;--osi-p-fs-15: 15px;--osi-p-fs-16: 16px;--osi-p-fs-18: 18px;--osi-p-fs-20: 20px;--osi-p-fs-24: 24px;--osi-p-fs-30: 30px}:root{color-scheme:dark;--osi-color-bg-base: var(--osi-p-neutral-100);--osi-color-bg-elevated: var(--osi-p-neutral-200);--osi-color-panel-0: rgba(26, 26, 26, .9);--osi-color-panel-1: rgba(30, 30, 30, .9);--osi-color-surface-0: rgba(12, 12, 12, .7);--osi-color-surface-1: rgba(16, 16, 16, .9);--osi-color-surface-2: rgba(18, 27, 43, .7);--osi-color-surface-input: var(--osi-p-neutral-0);--osi-color-surface-modal: rgba(14, 22, 37, .96);--osi-color-surface-popover: rgba(13, 22, 36, .95);--osi-color-surface-tooltip: rgba(11, 19, 32, .97);--osi-color-border-subtle: var(--osi-p-white-16);--osi-color-border-strong: var(--osi-p-white-24);--osi-color-text-primary: var(--osi-p-neutral-900);--osi-color-text-secondary: var(--osi-p-neutral-750);--osi-color-text-muted: var(--osi-p-neutral-700);--osi-color-text-brand: var(--osi-p-brand-900);--osi-color-text-brand-dim: var(--osi-p-brand-850);--osi-color-text-on-accent: var(--osi-p-brand-950);--osi-color-state-hover: var(--osi-p-white-08);--osi-color-state-selected: var(--osi-p-white-12);--osi-color-state-active: var(--osi-p-white-14);--osi-color-accent-soft: var(--osi-p-white-22);--osi-color-accent-strong: var(--osi-p-neutral-800);--osi-color-accent-fill: var(--osi-p-brand-a24);--osi-color-accent-fill-hover: var(--osi-p-brand-a36);--osi-color-status-online: var(--osi-p-green-400);--osi-color-status-idle: var(--osi-p-yellow-400);--osi-color-status-offline: var(--osi-p-grey-500);--osi-color-status-dnd: var(--osi-p-red-400);--osi-color-positive: var(--osi-p-green-400);--osi-color-positive-bg: rgba(72, 161, 109, .24);--osi-color-positive-text: var(--osi-p-green-900);--osi-color-negative: var(--osi-p-red-400);--osi-color-negative-bg: rgba(166, 70, 70, .24);--osi-color-negative-text: var(--osi-p-red-900);--osi-color-warning: var(--osi-p-yellow-400);--osi-color-warning-bg: rgba(240, 178, 79, .22);--osi-color-warning-text: var(--osi-p-yellow-900);--osi-spacing-1: var(--osi-p-space-1);--osi-spacing-2: var(--osi-p-space-2);--osi-spacing-3: var(--osi-p-space-3);--osi-spacing-4: var(--osi-p-space-4);--osi-spacing-5: var(--osi-p-space-5);--osi-spacing-6: var(--osi-p-space-6);--osi-spacing-7: var(--osi-p-space-7);--osi-spacing-8: var(--osi-p-space-8);--osi-radius-sm: var(--osi-p-r-8);--osi-radius-md: var(--osi-p-r-10);--osi-radius-lg: var(--osi-p-r-14);--osi-radius-xl: var(--osi-p-r-16);--osi-radius-2xl: var(--osi-p-r-22);--osi-radius-full: var(--osi-p-r-full);--osi-font-family: Inter, "Segoe UI", sans-serif;--osi-font-size-xs: var(--osi-p-fs-10);--osi-font-size-sm: var(--osi-p-fs-11);--osi-font-size-caption: var(--osi-p-fs-12);--osi-font-size-md: var(--osi-p-fs-13);--osi-font-size-base: var(--osi-p-fs-14);--osi-font-size-body: var(--osi-p-fs-15);--osi-font-size-lg: var(--osi-p-fs-18);--osi-font-size-xl: var(--osi-p-fs-20);--osi-font-size-2xl: var(--osi-p-fs-24);--osi-font-size-3xl: var(--osi-p-fs-30);--osi-shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--osi-shadow-md: 0 12px 22px rgba(0, 0, 0, .35);--osi-shadow-lg: 0 22px 44px rgba(0, 0, 0, .55);--osi-motion-fast: .1s ease;--osi-motion-normal: .14s ease;--osi-motion-medium: .16s ease;--osi-motion-slow: .22s ease;--osi-motion-duration-fast: .1s;--osi-motion-duration-normal: .14s;--osi-motion-duration-medium: .16s;--osi-motion-duration-slow: .18s;--osi-focus-ring: 0 0 0 2px var(--osi-p-white-40);--osi-spacing-app-padding: 26px;--osi-spacing-sidebar-width: 322px;--osi-spacing-rail-width: 74px;--osi-spacing-right-panel-width: 272px;--osi-spacing-header-height: 52px;--osi-color-surface-overlay: rgba(5, 8, 15, .58);--osi-color-surface-call: rgba(9, 16, 29, .97);--osi-color-surface-card: rgba(12, 12, 12, .7);--osi-color-surface-input-dark: var(--osi-p-neutral-0);--osi-color-brand-fill-start: var(--osi-p-brand-a36);--osi-color-brand-fill-end: var(--osi-p-brand-a24);--osi-color-brand-fill-hover-start: var(--osi-p-brand-a40);--osi-color-brand-fill-hover-end: rgba(114, 137, 213, .28);--osi-color-status-online-inline: #35c978;--osi-color-status-idle-inline: #f0c24f;--osi-color-status-dnd-inline: #df5e5e;--osi-color-status-invisible-inline: #8b8b8b;--osi-font-tracking-tight: -.02em;--osi-font-tracking-normal: .01em;--osi-font-tracking-wide: .03em;--osi-font-tracking-wider: .08em;--osi-font-tracking-widest: .015em;--osi-color-placeholder: #75809d}@media(prefers-color-scheme:light){:root:not(.theme-dark){--osi-light-theme: 1}}:root.theme-light,@media (prefers-color-scheme: light){:root:not(.theme-dark){color-scheme:light;--osi-color-bg-base: var(--osi-p-light-50);--osi-color-bg-elevated: var(--osi-p-light-100);--osi-color-panel-0: rgba(242, 244, 250, .95);--osi-color-panel-1: rgba(237, 240, 248, .95);--osi-color-surface-0: rgba(255, 255, 255, .8);--osi-color-surface-1: rgba(248, 250, 255, .95);--osi-color-surface-2: rgba(230, 235, 248, .8);--osi-color-surface-input: #ffffff;--osi-color-surface-modal: rgba(250, 251, 255, .98);--osi-color-surface-popover: rgba(248, 250, 255, .98);--osi-color-surface-tooltip: rgba(30, 36, 56, .96);--osi-color-border-subtle: var(--osi-p-black-12);--osi-color-border-strong: var(--osi-p-black-24);--osi-color-text-primary: var(--osi-p-light-900);--osi-color-text-secondary: var(--osi-p-light-700);--osi-color-text-muted: var(--osi-p-light-500);--osi-color-text-brand: var(--osi-p-brand-500);--osi-color-text-brand-dim: var(--osi-p-brand-600);--osi-color-text-on-accent: #ffffff;--osi-color-state-hover: var(--osi-p-black-04);--osi-color-state-selected: var(--osi-p-black-08);--osi-color-state-active: var(--osi-p-black-12);--osi-color-accent-soft: rgba(90, 111, 177, .12);--osi-color-accent-strong: var(--osi-p-brand-600);--osi-color-accent-fill: rgba(90, 111, 177, .15);--osi-color-accent-fill-hover: rgba(90, 111, 177, .22);--osi-color-positive-bg: rgba(51, 202, 136, .18);--osi-color-positive-text: #1a6644;--osi-color-negative-bg: rgba(223, 94, 94, .15);--osi-color-negative-text: #842020;--osi-color-warning-bg: rgba(240, 178, 79, .18);--osi-color-warning-text: #7a4a00;--osi-shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--osi-shadow-md: 0 6px 16px rgba(0, 0, 0, .12);--osi-shadow-lg: 0 16px 32px rgba(0, 0, 0, .18);--osi-focus-ring: 0 0 0 2px rgba(62, 99, 221, .5);--osi-color-surface-overlay: rgba(10, 15, 30, .5);--osi-color-surface-call: rgba(245, 248, 255, .98);--osi-color-surface-card: rgba(255, 255, 255, .8);--osi-color-placeholder: #8d96b0}}:root.theme-dark{color-scheme:dark}:root{--osi-btn-ghost-bg: transparent;--osi-btn-ghost-bg-hover: var(--osi-color-state-hover);--osi-btn-ghost-bg-active: var(--osi-color-state-active);--osi-btn-ghost-color: var(--osi-color-text-secondary);--osi-btn-ghost-color-hover: var(--osi-color-text-primary);--osi-btn-ghost-border: transparent;--osi-btn-ghost-border-active: var(--osi-color-border-subtle);--osi-btn-ghost-height: 30px;--osi-btn-ghost-radius: var(--osi-radius-sm);--osi-btn-filled-bg: var(--osi-color-accent-fill);--osi-btn-filled-bg-hover: var(--osi-color-accent-fill-hover);--osi-btn-filled-color: var(--osi-color-text-on-accent);--osi-btn-filled-border: var(--osi-color-border-subtle);--osi-btn-filled-height: 34px;--osi-btn-filled-radius: var(--osi-radius-sm);--osi-btn-positive-bg: var(--osi-color-positive-bg);--osi-btn-positive-color: var(--osi-color-positive-text);--osi-btn-positive-border: var(--osi-color-border-subtle);--osi-btn-negative-bg: var(--osi-color-negative-bg);--osi-btn-negative-color: var(--osi-color-negative-text);--osi-btn-negative-border: var(--osi-color-border-subtle);--osi-input-bg: var(--osi-color-surface-input);--osi-input-border: var(--osi-color-border-subtle);--osi-input-color: var(--osi-color-text-primary);--osi-input-placeholder: var(--osi-color-placeholder);--osi-input-height: 36px;--osi-input-radius: var(--osi-radius-sm);--osi-input-padding-x: var(--osi-spacing-2);--osi-badge-bg: var(--osi-p-white-16);--osi-badge-color: var(--osi-p-neutral-950);--osi-badge-height: 18px;--osi-badge-radius: var(--osi-radius-full);--osi-badge-font: var(--osi-font-size-sm);--osi-tooltip-bg: var(--osi-color-surface-tooltip);--osi-tooltip-border: var(--osi-color-border-subtle);--osi-tooltip-color: var(--osi-color-text-primary);--osi-tooltip-radius: var(--osi-radius-sm);--osi-tooltip-shadow: var(--osi-shadow-md);--osi-popover-bg: var(--osi-color-surface-popover);--osi-popover-border: var(--osi-color-border-subtle);--osi-popover-shadow: var(--osi-shadow-md);--osi-popover-radius: var(--osi-p-r-12);--osi-popover-padding: var(--osi-spacing-2);--osi-spinner-color: var(--osi-color-text-secondary);--osi-spinner-size-sm: 16px;--osi-spinner-size-md: 24px;--osi-spinner-size-lg: 32px}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--osi-spacing-2);border:1px solid transparent;border-radius:var(--osi-btn-filled-radius);padding:0 var(--osi-spacing-2);font:inherit;font-weight:600;cursor:pointer;transition:background var(--osi-motion-normal),color var(--osi-motion-normal),border-color var(--osi-motion-normal);white-space:nowrap;text-decoration:none;-webkit-tap-highlight-color:transparent}.ds-btn:focus-visible{outline:none;box-shadow:var(--osi-focus-ring)}.ds-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.ds-btn-sm{height:28px;font-size:var(--osi-font-size-sm);padding:0 var(--osi-spacing-2)}.ds-btn-md{height:var(--osi-btn-filled-height);font-size:var(--osi-font-size-md);padding:0 var(--osi-spacing-2)}.ds-btn-lg{height:40px;font-size:var(--osi-font-size-base);padding:0 var(--osi-spacing-3)}.ds-btn-icon-only{padding:0;aspect-ratio:1}.ds-btn-ghost{height:var(--osi-btn-ghost-height);background:var(--osi-btn-ghost-bg);border-color:var(--osi-btn-ghost-border);color:var(--osi-btn-ghost-color);border-radius:var(--osi-btn-ghost-radius);font-weight:500}.ds-btn-ghost:hover:not(:disabled){background:var(--osi-btn-ghost-bg-hover);color:var(--osi-btn-ghost-color-hover)}.ds-btn-ghost.is-active,.ds-btn-ghost[aria-pressed=true],.ds-btn-ghost[aria-expanded=true]{background:var(--osi-btn-ghost-bg-active);border-color:var(--osi-btn-ghost-border-active);color:var(--osi-color-text-primary)}.ds-btn-filled{background:var(--osi-btn-filled-bg);border-color:var(--osi-btn-filled-border);color:var(--osi-btn-filled-color)}.ds-btn-filled:hover:not(:disabled){background:var(--osi-btn-filled-bg-hover)}.ds-btn-positive{background:var(--osi-btn-positive-bg);border-color:var(--osi-btn-positive-border);color:var(--osi-btn-positive-color)}.ds-btn-positive:hover:not(:disabled){filter:brightness(1.08)}.ds-btn-negative{background:var(--osi-btn-negative-bg);border-color:var(--osi-btn-negative-border);color:var(--osi-btn-negative-color)}.ds-btn-negative:hover:not(:disabled){filter:brightness(1.08)}.ds-badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--osi-badge-height);height:var(--osi-badge-height);border-radius:var(--osi-badge-radius);font-size:var(--osi-badge-font);font-weight:700;padding:0 5px;line-height:1}.ds-badge-default{background:var(--osi-badge-bg);color:var(--osi-badge-color)}.ds-badge-brand{background:var(--osi-color-accent-fill);color:var(--osi-color-text-on-accent)}.ds-badge-positive{background:var(--osi-color-positive-bg);color:var(--osi-color-positive-text)}.ds-badge-negative{background:var(--osi-color-negative-bg);color:var(--osi-color-negative-text)}.ds-badge-warning{background:var(--osi-color-warning-bg);color:var(--osi-color-warning-text)}.ds-input{height:var(--osi-input-height);border:1px solid var(--osi-input-border);border-radius:var(--osi-input-radius);background:var(--osi-input-bg);color:var(--osi-input-color);padding:0 var(--osi-input-padding-x);font:inherit;font-size:var(--osi-font-size-md);width:100%;transition:border-color var(--osi-motion-fast)}.ds-input::placeholder{color:var(--osi-input-placeholder)}.ds-input:focus-visible{outline:none;border-color:var(--osi-color-border-strong)}.ds-input:disabled{opacity:.5;cursor:not-allowed}.ds-input-wrap{position:relative;display:flex;align-items:center}.ds-input-icon{position:absolute;left:var(--osi-input-padding-x);display:flex;align-items:center;color:var(--osi-color-text-muted);pointer-events:none}.ds-input-wrap .ds-input{padding-left:calc(var(--osi-input-padding-x) * 2 + 16px)}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-spinner{display:inline-block;border-radius:var(--osi-radius-full);border:2px solid var(--osi-color-border-subtle);border-top-color:var(--osi-spinner-color);animation:ds-spin .7s linear infinite;flex-shrink:0}.ds-spinner-sm{width:var(--osi-spinner-size-sm);height:var(--osi-spinner-size-sm)}.ds-spinner-md{width:var(--osi-spinner-size-md);height:var(--osi-spinner-size-md)}.ds-spinner-lg{width:var(--osi-spinner-size-lg);height:var(--osi-spinner-size-lg)}.ds-tooltip{position:relative;display:inline-flex;align-items:center}.ds-tooltip:after{content:attr(data-tooltip);position:absolute;white-space:nowrap;background:var(--osi-tooltip-bg);border:1px solid var(--osi-tooltip-border);color:var(--osi-tooltip-color);font-size:var(--osi-font-size-sm);font-weight:500;border-radius:var(--osi-tooltip-radius);padding:4px 8px;box-shadow:var(--osi-tooltip-shadow);pointer-events:none;opacity:0;transition:opacity var(--osi-motion-fast);z-index:100}.ds-tooltip:hover:after,.ds-tooltip:focus-within:after{opacity:1}.ds-tooltip-top:after{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.ds-tooltip-bottom:after{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.ds-tooltip-left:after{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.ds-tooltip-right:after{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}:root{font-family:var(--osi-font-family);--bg-0: var(--osi-color-bg-base);--bg-1: var(--osi-color-bg-elevated);--panel-0: var(--osi-color-panel-0);--panel-1: var(--osi-color-panel-1);--border-soft: var(--osi-color-border-subtle);--border-strong: var(--osi-color-border-strong);--text-main: var(--osi-color-text-primary);--text-muted: var(--osi-color-text-secondary);--text-subtle: var(--osi-color-text-muted);--accent-soft: var(--osi-color-accent-soft);--accent-strong: var(--osi-color-accent-strong);--row-hover: var(--osi-color-state-hover);--row-selected: var(--osi-color-state-selected);--focus-ring: var(--osi-focus-ring)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text-main);background:radial-gradient(circle at 20% 0%,var(--osi-p-white-08),transparent 45%),radial-gradient(circle at 85% 10%,var(--osi-p-white-04),transparent 42%),linear-gradient(165deg,var(--bg-1),var(--bg-0))}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--osi-focus-ring)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:none;border-color:var(--osi-color-border-strong)!important}.app-bg{min-height:100%;padding:var(--osi-spacing-app-padding)}.app-shell{height:calc(100vh - var(--osi-spacing-header-height));min-height:var(--osi-p-size-780);display:grid;grid-template-columns:var(--osi-spacing-rail-width) var(--osi-spacing-sidebar-width) 1fr var(--osi-spacing-right-panel-width);border:1px solid var(--border-soft);border-radius:var(--osi-radius-2xl);background:linear-gradient(180deg,var(--osi-color-surface-0),var(--osi-p-neutral-50));box-shadow:var(--osi-shadow-lg);-webkit-backdrop-filter:blur(var(--osi-p-size-20));backdrop-filter:blur(var(--osi-p-size-20));overflow:hidden}.app-shell.no-right-panel{grid-template-columns:var(--osi-spacing-rail-width) var(--osi-spacing-sidebar-width) minmax(0,1fr)}.primary-rail{border-right:1px solid var(--border-soft);background:linear-gradient(180deg,var(--osi-p-neutral-150),var(--osi-p-neutral-100));display:flex;flex-direction:column;justify-content:flex-start;min-height:0;padding:var(--osi-spacing-3) var(--osi-spacing-2)}.primary-rail-nav{display:flex;flex-direction:column;gap:var(--osi-spacing-2);flex:1;min-height:0;overflow:hidden}.rail-divider{width:var(--osi-p-size-34);height:var(--osi-p-space-px-1);margin:var(--osi-p-space-px-2) auto var(--osi-spacing-1);background:var(--border-soft)}.rail-server-list{display:flex;flex-direction:column;gap:var(--osi-p-space-px-6);margin:var(--osi-spacing-1) 0 var(--osi-p-space-px-2);overflow-y:auto;min-height:0;scrollbar-width:thin;padding-right:var(--osi-p-space-px-2)}.rail-server-button{width:100%;height:var(--osi-p-size-50);border-radius:var(--osi-radius-xl);border:1px solid transparent;background:transparent;display:grid;place-items:center;cursor:pointer;transition:var(--osi-motion-normal)}.rail-server-button:hover{background:var(--row-hover)}.rail-server-button.is-active{border-color:var(--border-soft);background:var(--osi-p-white-14)}.rail-server-icon{width:var(--osi-p-size-34);height:var(--osi-p-size-34);border-radius:50%;object-fit:cover;object-position:center}.rail-button,.rail-user-anchor{width:100%;height:var(--osi-p-size-46);border-radius:var(--osi-radius-lg);border:1px solid transparent;background:transparent;display:grid;place-items:center;color:var(--text-muted);cursor:pointer;transition:var(--osi-motion-normal)}.rail-button:hover,.rail-user-anchor:hover{background:var(--row-hover);color:var(--text-main)}.rail-button.is-active{border-color:var(--border-strong);background:linear-gradient(180deg,var(--osi-p-white-16),var(--osi-p-white-08));color:var(--text-main)}.rail-footer{display:flex;flex-direction:column;gap:var(--osi-p-space-px-10);margin-top:var(--osi-spacing-2);flex:0 0 auto}.brand-anchor{width:100%;height:var(--osi-p-size-36);border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer}.discover-anchor{position:relative}.rail-discover-image{width:var(--osi-p-size-26);height:var(--osi-p-size-26);object-fit:contain;opacity:.95}.rail-user-anchor{background:var(--osi-color-accent-fill);border:1px solid var(--border-soft);overflow:hidden}.rail-logo-image{width:var(--osi-p-size-24);height:var(--osi-p-size-24);object-fit:contain;opacity:.9}.rail-home-logo{width:var(--osi-p-size-20);height:var(--osi-p-size-20);object-fit:contain;opacity:.95}.rail-user-avatar{width:100%;height:100%;object-fit:cover}.secondary-sidebar{padding:var(--osi-spacing-4) var(--osi-spacing-3) var(--osi-spacing-3);border-right:1px solid var(--border-soft);background:linear-gradient(180deg,var(--panel-0),var(--osi-color-bg-base));display:flex;flex-direction:column;gap:var(--osi-p-space-px-14);min-height:0}.secondary-sidebar-scroll{display:flex;flex-direction:column;gap:var(--osi-p-space-px-14);min-height:0;overflow-y:auto;padding-right:var(--osi-p-space-px-2)}.brand-header{display:flex;align-items:center;gap:var(--osi-p-space-px-11)}.brand-mark{width:var(--osi-p-size-24);height:var(--osi-p-size-24);flex:0 0 auto;display:grid;place-items:center}.dragon-logo{width:var(--osi-p-size-24);height:var(--osi-p-size-24);object-fit:contain;object-position:center;display:block}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:var(--osi-font-size-xl);line-height:1;letter-spacing:var(--osi-font-tracking-wide);font-weight:700;color:var(--osi-color-text-brand)}.brand-copy span{font-size:var(--osi-font-size-sm);font-weight:500;color:var(--osi-color-text-muted);margin-top:var(--osi-p-space-px-3);letter-spacing:var(--osi-font-tracking-widest)}.brand-header-actions{margin-left:auto;display:inline-flex;align-items:center;gap:var(--osi-spacing-1)}.brand-header-actions .ghost-icon{margin-left:0;position:relative}.brand-unread-dot{position:absolute;top:var(--osi-p-size-6);right:var(--osi-p-size-6);width:var(--osi-p-size-6);height:var(--osi-p-size-6);border-radius:var(--osi-radius-full);background:var(--osi-color-text-brand)}.ghost-icon{margin-left:auto;border:1px solid transparent;background:transparent;color:var(--text-muted);width:var(--osi-p-size-30);height:var(--osi-p-size-30);border-radius:var(--osi-p-r-9);display:grid;place-items:center;cursor:pointer}.ghost-icon:hover{color:var(--text-main);background:var(--row-hover)}.ghost-icon.is-active{border-color:var(--border-soft);color:var(--osi-color-text-primary);background:var(--osi-p-white-14)}.ghost-icon:disabled{opacity:.45;cursor:not-allowed}.ghost-icon-placeholder{visibility:hidden;pointer-events:none}.search-input-wrap{display:flex;align-items:center;gap:var(--osi-spacing-2);border-radius:var(--osi-radius-md);border:1px solid var(--border-soft);background:var(--osi-color-surface-input);color:var(--text-subtle);padding:0 var(--osi-p-size-10);height:var(--osi-p-size-40)}.search-input{width:100%;border:0;background:transparent;color:var(--text-main);min-width:0}.search-input::placeholder{color:var(--osi-color-placeholder)}.sidebar-section{display:flex;flex-direction:column;gap:var(--osi-p-space-px-7)}.sidebar-member-groups{display:flex;flex-direction:column;gap:var(--osi-p-space-px-10)}.sidebar-members-section .section-title{margin-bottom:var(--osi-p-space-px-6)}.sidebar-members-section .sidebar-member-groups{border-top:1px solid var(--border-soft);padding-top:var(--osi-p-size-10)}.section-title{margin:0;font-size:var(--osi-font-size-sm);letter-spacing:var(--osi-font-tracking-wider);color:var(--osi-color-text-muted);font-weight:700}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--osi-p-space-px-10)}.section-title-meta{font-size:var(--osi-font-size-sm);letter-spacing:var(--osi-font-tracking-wider);color:var(--osi-color-text-muted);font-weight:700;white-space:nowrap}.sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--osi-p-space-px-2)}.sidebar-row{width:100%;border:1px solid transparent;background:transparent;border-radius:var(--osi-p-r-11);min-height:var(--osi-p-size-44);padding:var(--osi-p-space-px-6) var(--osi-spacing-2);display:flex;align-items:center;gap:var(--osi-p-space-px-10);text-align:left;color:var(--text-muted);cursor:pointer}.sidebar-row:hover{background:var(--row-hover);color:var(--text-main)}.sidebar-row.is-selected{background:var(--row-selected);border-color:var(--border-soft);color:var(--text-main)}.unread-pill{margin-left:auto;min-width:var(--osi-p-size-18);height:var(--osi-p-size-18);border-radius:var(--osi-radius-full);background:var(--osi-p-white-16);color:var(--osi-color-text-primary);font-size:var(--osi-font-size-sm);display:grid;place-items:center;padding:0 var(--osi-p-space-px-5)}.row-text{display:flex;flex-direction:column;min-width:0}.row-title{font-size:var(--osi-font-size-md);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-subtitle{font-size:var(--osi-font-size-sm);color:var(--text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-wrap{position:relative;flex:0 0 auto}.avatar{border-radius:50%;display:grid;place-items:center;font-size:var(--osi-font-size-base);font-weight:700;color:var(--osi-color-text-on-accent);overflow:hidden}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:58% center;transform:scale(1.02);transform-origin:center}.presence-dot{position:absolute;right:calc(-1 * var(--osi-p-space-px-2));bottom:calc(-1 * var(--osi-p-space-px-2));width:var(--osi-p-size-10);height:var(--osi-p-size-10);border-radius:50%;border:2px solid var(--osi-p-brand-200)}.presence-online{background:var(--osi-color-status-online)}.presence-idle{background:var(--osi-color-status-idle)}.presence-offline{background:var(--osi-color-status-offline)}.presence-dnd{background:var(--osi-color-status-dnd)}.server-pill{width:var(--osi-p-size-30);height:var(--osi-p-size-30);border-radius:50%;display:grid;place-items:center;border:1px solid var(--border-soft);background:linear-gradient(145deg,var(--osi-p-brand-400),var(--osi-p-brand-350));overflow:hidden}.server-icon{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.08);transform-origin:center}.user-footer-card{margin-top:auto;border:1px solid var(--border-soft);border-radius:var(--osi-radius-lg);padding:var(--osi-spacing-2);display:flex;align-items:center;justify-content:space-between;gap:var(--osi-p-space-px-6);background:var(--osi-color-surface-card)}.user-footer-info{display:flex;align-items:center;gap:var(--osi-spacing-2);min-width:0}.user-footer-trigger{border:1px solid transparent;border-radius:var(--osi-radius-md);background:transparent;color:inherit;padding:var(--osi-p-space-px-2) var(--osi-spacing-1);cursor:pointer;text-align:left}.user-footer-trigger:hover{background:var(--row-hover)}.user-footer-actions{display:flex;align-items:center}.important-icon{color:var(--osi-color-text-brand-dim)}.chat-main{min-width:0;min-height:0;padding:var(--osi-spacing-4) var(--osi-spacing-5);display:flex;flex-direction:column;gap:var(--osi-p-space-px-10);position:relative;background:linear-gradient(180deg,var(--osi-color-surface-0),var(--osi-p-neutral-50))}.chat-main>*{flex-shrink:0}.chat-call-dock{position:sticky;top:0;z-index:6;display:flex;flex-direction:column;gap:var(--osi-spacing-2);width:100%;padding:var(--osi-spacing-2) 10px;margin-bottom:var(--osi-p-space-px-6);border-bottom:1px solid var(--border-soft);border-radius:var(--osi-radius-md);background:linear-gradient(180deg,var(--osi-p-neutral-50),var(--osi-p-neutral-100));-webkit-backdrop-filter:blur(var(--osi-p-space-px-2));backdrop-filter:blur(var(--osi-p-space-px-2))}.incoming-call-bubble{width:100%;display:grid;grid-template-columns:var(--osi-p-size-40) 1fr auto auto;align-items:center;gap:var(--osi-p-space-px-10);border:0;border-radius:var(--osi-radius-md);background:var(--osi-color-surface-card);min-height:var(--osi-p-size-52);padding:var(--osi-p-space-px-6) var(--osi-p-space-px-10)}.incoming-call-bubble img{width:var(--osi-p-size-40);height:var(--osi-p-size-40);border-radius:var(--osi-radius-full);object-fit:cover}.incoming-call-copy{display:flex;flex-direction:column;margin-right:var(--osi-spacing-1)}.incoming-call-copy strong{font-size:var(--osi-font-size-md);line-height:1.15}.incoming-call-copy span{color:var(--text-subtle);font-size:var(--osi-font-size-sm)}.incoming-call-bubble button{width:var(--osi-p-size-30);height:var(--osi-p-size-30);border-radius:var(--osi-radius-full);border:1px solid var(--border-soft);display:grid;place-items:center;cursor:pointer}.incoming-call-bubble .accept{background:var(--osi-color-positive-bg);color:var(--osi-color-positive-text)}.incoming-call-bubble .decline{background:var(--osi-color-negative-bg);color:var(--osi-color-negative-text)}.chat-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-soft);padding-bottom:var(--osi-spacing-3)}.chat-title-wrap{display:flex;align-items:center;gap:var(--osi-spacing-2);color:var(--osi-color-text-primary)}.chat-title-wrap h1{margin:0;font-size:var(--osi-font-size-lg);font-weight:700}.chat-header-actions{display:flex;gap:var(--osi-spacing-1)}.channel-switcher{display:flex;gap:var(--osi-p-space-px-7)}.channel-chip{border:1px solid var(--border-soft);background:var(--osi-color-bg-elevated);border-radius:var(--osi-radius-full);color:var(--text-muted);display:inline-flex;align-items:center;gap:var(--osi-p-space-px-6);cursor:pointer;font-size:var(--osi-font-size-base);padding:var(--osi-p-space-px-6) var(--osi-p-space-px-10)}.channel-chip:hover{background:var(--row-hover);color:var(--text-main)}.channel-chip.is-active{background:var(--osi-p-white-14);color:var(--osi-color-text-primary);border-color:var(--border-strong)}.channel-intro-wrap{border:1px solid var(--border-soft);border-radius:var(--osi-radius-xl);background:linear-gradient(170deg,var(--osi-p-neutral-300),var(--osi-color-surface-0));padding:var(--osi-p-space-px-18);max-width:var(--osi-p-size-640)}.breadcrumb{margin:0;color:var(--text-subtle);font-size:var(--osi-font-size-caption)}.channel-intro-wrap h2{margin:var(--osi-spacing-2) 0 var(--osi-spacing-2);font-size:var(--osi-font-size-3xl);font-weight:700;letter-spacing:var(--osi-font-tracking-tight)}.channel-intro-wrap p{margin:0;color:var(--text-muted)}.messages-region{flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--osi-p-space-px-10);overflow:auto;padding-right:var(--osi-spacing-1)}.messages-region .channel-intro-wrap{flex-shrink:0}.message-list{list-style:none;margin:0;padding:0;width:100%;min-height:0}.message-row{display:flex;align-items:flex-start;gap:var(--osi-spacing-3);padding:var(--osi-p-space-px-10) 0}.message-row.system-row{padding:var(--osi-spacing-2) 0}.message-body{display:flex;flex-direction:column;gap:var(--osi-spacing-1)}.message-meta{margin:0;display:flex;align-items:center;gap:var(--osi-spacing-2)}.message-meta strong{font-size:var(--osi-font-size-base)}.message-meta span{font-size:var(--osi-font-size-sm);color:var(--text-subtle)}.message-text{margin:0;color:var(--text-muted);font-size:var(--osi-font-size-base)}.message-pin-button{margin-left:auto;border:1px solid transparent;background:transparent;color:var(--text-subtle);width:var(--osi-p-size-28);height:var(--osi-p-size-28);border-radius:var(--osi-radius-sm);display:grid;place-items:center;cursor:pointer}.message-pin-button:hover,.message-pin-button.is-active{color:var(--osi-color-text-brand);border-color:var(--border-soft);background:var(--osi-color-accent-fill)}.message-context-menu{position:fixed;z-index:30;border:1px solid var(--border-soft);border-radius:var(--osi-radius-md);background:var(--osi-color-surface-tooltip);box-shadow:var(--osi-shadow-md);padding:var(--osi-p-space-px-6);list-style:none;display:grid;gap:var(--osi-spacing-1);min-width:var(--osi-p-size-188)}.message-context-menu>button{width:100%;border:1px solid transparent;background:transparent;color:var(--text-main);border-radius:var(--osi-radius-sm);min-height:var(--osi-p-size-30);padding:0 var(--osi-spacing-2);display:inline-flex;align-items:center;gap:var(--osi-spacing-2);cursor:pointer}.message-context-menu>button:hover{background:var(--row-hover)}.reaction-menu-row{border-top:1px solid var(--border-soft);padding-top:var(--osi-p-size-6);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--osi-spacing-1)}.reaction-quick-btn{border:1px solid transparent;background:var(--osi-color-surface-2);color:var(--osi-color-text-brand);border-radius:var(--osi-radius-sm);min-height:var(--osi-p-size-30);cursor:pointer}.reaction-quick-btn:hover{border-color:var(--border-soft);background:var(--osi-color-accent-soft)}.message-reactions{margin-top:var(--osi-p-space-px-2);display:inline-flex;flex-wrap:wrap;gap:var(--osi-spacing-1)}.message-reactions button{border:1px solid var(--border-soft);background:var(--osi-color-surface-2);color:var(--osi-color-text-brand-dim);border-radius:var(--osi-radius-full);min-height:var(--osi-p-size-20);padding:0 var(--osi-p-size-6);display:inline-flex;align-items:center;gap:var(--osi-spacing-1);cursor:pointer;font-size:var(--osi-font-size-sm)}.message-reactions button.is-active{background:var(--osi-color-accent-fill);border-color:var(--osi-color-border-subtle)}.message-reactions small{font-size:var(--osi-font-size-xs);color:var(--text-subtle)}.chat-message-search input{width:100%;border:1px solid var(--border-soft);border-radius:var(--osi-radius-md);background:var(--osi-color-surface-1);color:var(--text-main);min-height:var(--osi-p-size-34);padding:0 var(--osi-p-size-10)}.chat-search-popout{position:absolute;top:var(--osi-p-size-54);right:var(--osi-p-size-20);width:var(--osi-p-size-280);padding:var(--osi-p-space-px-10);display:grid;gap:var(--osi-spacing-2);z-index:11}.chat-search-popout label{display:grid;gap:var(--osi-p-space-px-6)}.chat-search-popout strong{font-size:var(--osi-font-size-base);color:var(--osi-color-text-brand)}.chat-search-popout input{width:100%;border:1px solid var(--border-soft);border-radius:var(--osi-p-r-9);background:var(--osi-color-surface-input);color:var(--text-main);min-height:var(--osi-p-size-32);padding:0 var(--osi-p-size-9)}.chat-search-popout small{color:var(--text-subtle);font-size:var(--osi-font-size-sm)}.system-message{width:100%;border:1px solid var(--border-soft);border-radius:var(--osi-radius-md);background:var(--osi-color-accent-fill);padding:var(--osi-spacing-2) 10px}.system-message p{margin:0;font-size:var(--osi-font-size-base);color:var(--osi-color-text-brand-dim)}.system-message strong{color:var(--osi-color-text-brand);font-weight:700}.composer-wrap{position:relative}.composer{border:1px solid var(--border-soft);border-radius:var(--osi-radius-xl);background:var(--osi-color-surface-input);min-height:var(--osi-p-size-64);display:flex;align-items:center;gap:var(--osi-spacing-2);padding:var(--osi-spacing-2) 10px}.composer textarea{flex:1;min-height:var(--osi-p-size-36);max-height:var(--osi-p-size-140);border:0;resize:none;background:transparent;color:var(--text-main)}.composer textarea:focus,.composer textarea:focus-visible{outline:none;box-shadow:none}.composer textarea::placeholder{color:var(--osi-color-placeholder)}.composer-actions{display:flex;gap:var(--osi-p-space-px-2)}.composer-icon{border:1px solid transparent;background:transparent;color:var(--text-muted);width:var(--osi-p-size-34);height:var(--osi-p-size-34);border-radius:var(--osi-radius-md);display:grid;place-items:center;cursor:pointer}.composer-icon:hover{color:var(--text-main);background:var(--row-hover)}.composer-icon.is-active{border-color:var(--border-soft);background:var(--osi-color-accent-fill);color:var(--osi-color-text-brand)}.composer-icon.recording{color:var(--osi-color-negative-text);background:var(--osi-color-negative-bg);border-color:var(--osi-color-negative)}.right-panel{border-left:1px solid var(--border-soft);background:linear-gradient(180deg,var(--panel-1),var(--osi-color-bg-base));padding:var(--osi-spacing-4) var(--osi-spacing-3);display:flex;flex-direction:column}.right-panel-header{padding-bottom:var(--osi-spacing-3);border-bottom:1px solid var(--border-soft)}.right-panel-header p{margin:0;display:flex;align-items:center;gap:var(--osi-p-space-px-6);font-size:var(--osi-font-size-base);font-weight:600}.community-trigger{margin:0;padding:0;border:0;border-radius:0;background:transparent;display:flex;width:100%;align-items:center;justify-content:flex-start;gap:var(--osi-spacing-2);font-size:var(--osi-font-size-body);font-weight:700;letter-spacing:var(--osi-font-tracking-normal);color:var(--text-main);cursor:pointer;min-height:var(--osi-p-size-28)}.community-trigger:hover{background:transparent}.community-trigger-avatar{width:var(--osi-p-size-20);height:var(--osi-p-size-20);border-radius:50%;object-fit:cover;object-position:center}.community-trigger-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-panel-header span{display:inline-block;margin-top:var(--osi-spacing-1);font-size:var(--osi-font-size-caption);color:var(--text-muted)}.right-panel-header .rtc-state{margin-left:var(--osi-spacing-2);color:var(--osi-color-text-brand-dim)}.right-panel-body{padding-top:var(--osi-spacing-3);display:flex;flex-direction:column;gap:var(--osi-spacing-3);overflow:auto}.member-group h4{margin:0 0 var(--osi-p-size-6);color:var(--text-subtle);font-size:var(--osi-font-size-sm);letter-spacing:var(--osi-font-tracking-wider)}.member-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--osi-p-space-px-2)}.member-row,.voice-row{border-radius:var(--osi-radius-md);min-height:var(--osi-p-size-38);padding:var(--osi-p-space-px-5) var(--osi-p-space-px-6);display:flex;align-items:center;gap:var(--osi-p-space-px-9);color:var(--text-muted)}.voice-button{width:100%;border:1px solid transparent;background:transparent;justify-content:space-between;cursor:pointer}.member-button{width:100%;border:1px solid transparent;background:transparent;cursor:pointer}.voice-button.is-selected{background:var(--row-selected);border-color:var(--border-soft);color:var(--text-main)}.member-row:hover,.voice-row:hover{background:var(--row-hover);color:var(--text-main)}.member-name{font-size:var(--osi-font-size-md)}.voice-row span{display:inline-flex;align-items:center;gap:var(--osi-spacing-2);font-size:var(--osi-font-size-md)}.voice-members{margin:var(--osi-spacing-1) 0 var(--osi-spacing-2) var(--osi-p-space-px-10);padding-left:var(--osi-p-size-10);border-left:1px solid var(--border-soft);display:grid;gap:var(--osi-spacing-1)}.voice-member{display:inline-flex;align-items:center;gap:var(--osi-p-space-px-7);color:var(--text-subtle)}.voice-member .avatar-wrap,.voice-member .avatar{width:var(--osi-p-size-22)!important;height:var(--osi-p-size-22)!important}.voice-member em{font-style:normal;font-size:var(--osi-font-size-caption)}.voice-member.is-you em{color:var(--osi-color-text-brand)}.voice-member-badges{margin-left:auto;display:inline-flex;align-items:center;gap:var(--osi-spacing-1);color:var(--osi-color-text-brand-dim)}.floating-menu{border:1px solid var(--osi-popover-border);border-radius:var(--osi-popover-radius);background:var(--osi-popover-bg);box-shadow:var(--osi-popover-shadow);padding:var(--osi-popover-padding);z-index:8}.floating-menu button{width:100%;border:1px solid transparent;background:transparent;color:var(--text-muted);border-radius:var(--osi-radius-sm);text-align:left;padding:var(--osi-p-space-px-7) var(--osi-p-space-px-9);cursor:pointer}.floating-menu button:hover{background:var(--row-hover);color:var(--text-main)}.quick-menu{margin-top:calc(-1 * var(--osi-spacing-2))}.header-popup{width:fit-content}.header-popup p{margin:0;display:inline-flex;align-items:center;gap:var(--osi-spacing-2);color:var(--text-muted);font-size:var(--osi-font-size-caption)}.pinned-popout,.group-creator-popout{position:absolute;top:var(--osi-p-size-56);right:var(--osi-p-size-20);width:var(--osi-p-size-300);max-height:var(--osi-p-size-360);display:flex;flex-direction:column;gap:var(--osi-spacing-2)}.discover-popout{position:absolute;left:var(--osi-p-size-92);bottom:var(--osi-p-size-30);width:var(--osi-p-size-320);max-height:var(--osi-p-size-520);display:flex;flex-direction:column;gap:var(--osi-spacing-2)}.discover-popout header{display:flex;align-items:center;justify-content:space-between;gap:var(--osi-spacing-2)}.discover-popout header strong{font-size:var(--osi-font-size-md)}.discover-popout label{display:grid;gap:var(--osi-p-space-px-6);font-size:var(--osi-font-size-caption);color:var(--text-subtle)}.discover-popout input{border:1px solid var(--border-soft);border-radius:var(--osi-radius-sm);background:var(--osi-color-surface-input);color:var(--text-main);min-height:var(--osi-p-size-32);padding:0 var(--osi-p-size-9)}.discover-section h4{margin:0 0 var(--osi-p-size-6);color:var(--text-subtle);font-size:var(--osi-font-size-sm);letter-spacing:var(--osi-font-tracking-wider)}.discover-list{display:grid;gap:var(--osi-spacing-1)}.discover-empty{margin:var(--osi-p-space-px-2) 0;color:var(--text-subtle);font-size:var(--osi-font-size-caption)}.discover-empty strong{color:var(--osi-color-text-brand)}.discover-row{width:100%;border:1px solid transparent;border-radius:var(--osi-p-r-9);background:transparent;color:var(--text-muted);min-height:var(--osi-p-size-38);display:flex;align-items:center;gap:var(--osi-p-space-px-9);padding:var(--osi-p-space-px-6) var(--osi-spacing-2);cursor:pointer}.discover-row:hover{background:var(--row-hover);color:var(--text-main)}.discover-row img{width:var(--osi-p-size-26);height:var(--osi-p-size-26);border-radius:50%;object-fit:cover}.discover-row span{display:grid;gap:var(--osi-p-space-px-1);text-align:left}.discover-row strong{font-size:var(--osi-font-size-md)}.discover-row em{font-style:normal;font-size:var(--osi-font-size-sm);color:var(--text-subtle)}.discover-card{cursor:default;border-color:var(--border-soft);background:var(--osi-color-surface-2)}.discover-card:hover{background:var(--osi-color-surface-2);color:inherit}.discover-add-btn{width:auto!important;margin-left:auto;border:1px solid var(--border-soft);border-radius:var(--osi-radius-sm);background:linear-gradient(180deg,var(--osi-color-brand-fill-start),var(--osi-color-brand-fill-end));color:var(--osi-color-text-on-accent);min-height:var(--osi-p-size-28);padding:0 var(--osi-p-size-10)!important;font-size:var(--osi-font-size-base);font-weight:700;text-align:center!important}.discover-add-btn:hover{background:linear-gradient(180deg,var(--osi-color-brand-fill-hover-start),var(--osi-color-brand-fill-hover-end))}.pinned-popout header,.group-creator-popout header{display:flex;align-items:center;justify-content:space-between;gap:var(--osi-spacing-2)}.pinned-popout header strong,.group-creator-popout header strong{font-size:var(--osi-font-size-md)}.pinned-popout header button,.group-creator-popout header button,.create-group-button{border:1px solid var(--border-soft);background:var(--osi-color-surface-2);color:var(--text-main);border-radius:var(--osi-radius-sm);min-height:var(--osi-p-size-28);padding:0 var(--osi-spacing-2);cursor:pointer}.pinned-popout ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--osi-p-space-px-5);overflow:auto}.pinned-popout li{border:1px solid var(--border-soft);border-radius:var(--osi-p-r-9);padding:var(--osi-p-space-px-7) var(--osi-spacing-2);background:var(--osi-color-surface-2)}.pinned-popout li p{margin:0;display:flex;justify-content:space-between;gap:var(--osi-spacing-2);font-size:var(--osi-font-size-caption)}.pinned-popout li small{color:var(--text-subtle)}.empty-pinned{margin:0;color:var(--text-subtle);font-size:var(--osi-font-size-caption)}.group-creator-popout label{display:grid;gap:var(--osi-p-space-px-6);font-size:var(--osi-font-size-caption);color:var(--text-subtle)}.group-seed-note{margin:0;font-size:var(--osi-font-size-sm);color:var(--text-subtle)}.group-seed-note strong{color:var(--osi-color-text-brand)}.group-creator-header-actions{display:inline-flex;align-items:center;gap:var(--osi-spacing-1)}.group-creator-header-actions .ghost-icon{width:var(--osi-p-size-26);height:var(--osi-p-size-26);border-radius:var(--osi-radius-sm);margin:0;padding:0;text-align:center}.group-creator-popout input{border:1px solid var(--border-soft);border-radius:var(--osi-radius-sm);background:var(--osi-color-surface-input);color:var(--text-main);min-height:var(--osi-p-size-32);padding:0 var(--osi-p-size-9)}.group-user-list{display:grid;gap:var(--osi-spacing-1);overflow:auto}.group-user-list button{border:1px solid transparent;border-radius:var(--osi-radius-sm);background:transparent;color:var(--text-muted);min-height:var(--osi-p-size-34);display:flex;align-items:center;gap:var(--osi-spacing-2);padding:0 var(--osi-spacing-2);cursor:pointer}.group-user-list button:hover{background:var(--row-hover);color:var(--text-main)}.group-user-list button.is-selected{border-color:var(--border-soft);background:var(--osi-color-accent-fill);color:var(--osi-color-text-brand)}.create-group-button{font-weight:700;text-align:center;justify-content:center;background:linear-gradient(180deg,var(--osi-color-brand-fill-start),var(--osi-p-brand-a24))}.create-group-button:hover{background:linear-gradient(180deg,var(--osi-color-brand-fill-hover-start),var(--osi-color-brand-fill-hover-end))}.group-user-list img{width:var(--osi-p-size-22);height:var(--osi-p-size-22);border-radius:var(--osi-radius-full);object-fit:cover}.composer-menu{position:absolute;left:var(--osi-p-size-6);bottom:var(--osi-p-size-68);min-width:var(--osi-p-size-188)}.community-menu{margin-top:var(--osi-spacing-2)}.community-menu-item{width:100%;border:1px solid transparent;border-radius:var(--osi-radius-md);background:transparent;min-height:var(--osi-p-size-34);display:flex;align-items:center;gap:var(--osi-spacing-2);padding:0 var(--osi-spacing-2);color:var(--text-muted);cursor:pointer}.community-menu-item:hover{color:var(--text-main);background:var(--row-hover)}.community-menu-item.is-active{color:var(--osi-color-text-brand);background:var(--osi-color-accent-fill);border-color:var(--border-soft)}.community-menu-avatar{width:var(--osi-p-size-18);height:var(--osi-p-size-18);border-radius:50%;object-fit:cover;object-position:center}.notifications-popout{position:absolute;top:var(--osi-p-size-14);right:var(--osi-p-size-22);width:var(--osi-p-size-416);max-height:min(62vh,var(--osi-p-size-520));display:flex;flex-direction:column;padding:var(--osi-p-space-px-10)}.notifications-popout-header{display:flex;align-items:center;justify-content:space-between;gap:var(--osi-spacing-2);padding:var(--osi-p-space-px-2) var(--osi-p-space-px-2) var(--osi-spacing-2);border-bottom:1px solid var(--border-soft);margin-bottom:var(--osi-spacing-2)}.notifications-popout-header strong{font-size:var(--osi-font-size-base);color:var(--osi-color-text-brand-dim)}.notifications-popout-header button{border:1px solid var(--border-soft);background:var(--osi-color-surface-2);color:var(--text-muted);border-radius:var(--osi-radius-sm);min-height:var(--osi-p-size-28);padding:0 var(--osi-spacing-2);cursor:pointer}.notifications-popout-header .ghost-icon{width:var(--osi-p-size-26);min-width:var(--osi-p-size-26);height:var(--osi-p-size-26);padding:0;margin-left:auto;flex:0 0 auto;display:inline-grid;place-items:center;text-align:center}.notifications-popout-list{overflow:auto;display:grid;gap:var(--osi-spacing-1);min-height:0}.notification-row{border-radius:var(--osi-radius-md);padding:var(--osi-spacing-2);display:grid;grid-template-columns:var(--osi-p-size-34) 1fr;align-items:start;gap:var(--osi-spacing-2)}.notification-row.is-unread{background:var(--osi-color-accent-fill)}.notification-row p{margin:0;display:flex;justify-content:space-between;gap:var(--osi-spacing-2);font-size:var(--osi-font-size-md)}.notification-row small{color:var(--text-subtle)}.notification-popout-avatar{width:var(--osi-p-size-34);height:var(--osi-p-size-34);border-radius:var(--osi-radius-md);overflow:hidden;border:1px solid var(--border-soft);display:inline-flex;align-items:center;justify-content:center;background:var(--osi-color-surface-2)}.notification-popout-avatar img{width:100%;height:100%;object-fit:cover}.notification-popout-copy{min-width:0}.profile-popout{position:fixed;right:var(--osi-p-size-34);bottom:var(--osi-p-size-32);display:flex;align-items:center;gap:var(--osi-p-space-px-10);width:var(--osi-p-size-220)}.profile-popout img{width:var(--osi-p-size-44);height:var(--osi-p-size-44);border-radius:var(--osi-p-r-12)}.profile-popout div{display:flex;flex-direction:column}.profile-popout span{color:var(--text-subtle);font-size:var(--osi-font-size-caption)}.empty-state{margin:auto;max-width:var(--osi-p-size-520);border:1px solid var(--border-soft);border-radius:var(--osi-radius-xl);background:var(--osi-color-surface-2);padding:var(--osi-spacing-6)}.empty-state h2{margin:0 0 var(--osi-spacing-2);font-size:var(--osi-font-size-2xl)}.empty-state p{margin:0;color:var(--text-muted)}.empty-action{margin-top:var(--osi-spacing-4);border:1px solid var(--border-soft);background:var(--osi-color-accent-fill);color:var(--osi-color-text-brand);border-radius:var(--osi-radius-md);padding:var(--osi-spacing-2) var(--osi-spacing-3);cursor:pointer}.modal-overlay{position:fixed;inset:0;background:var(--osi-color-surface-overlay);display:grid;place-items:center;z-index:20;-webkit-backdrop-filter:blur(var(--osi-spacing-1));backdrop-filter:blur(var(--osi-spacing-1))}.settings-modal{width:var(--osi-p-size-460);border:1px solid var(--osi-color-border-subtle);border-radius:var(--osi-radius-xl);background:var(--osi-color-surface-modal);padding:var(--osi-spacing-4)}.settings-modal-rich{width:var(--osi-p-size-980);max-width:calc(100vw - 56px);height:var(--osi-p-size-700);max-height:calc(100vh - 56px);display:grid;grid-template-columns:var(--osi-p-size-220) 1fr;gap:var(--osi-p-space-px-14);padding:var(--osi-p-space-px-14)}.settings-nav{border:1px solid var(--border-soft);border-radius:var(--osi-radius-lg);background:var(--osi-color-surface-2);padding:var(--osi-spacing-3);display:flex;flex-direction:column;gap:var(--osi-p-space-px-6);overflow:auto}.settings-nav h3{margin:0 0 var(--osi-spacing-2);color:var(--text-subtle);font-size:var(--osi-font-size-caption);letter-spacing:var(--osi-font-tracking-wider)}.settings-tab{border:1px solid transparent;border-radius:var(--osi-radius-md);min-height:var(--osi-p-size-36);background:transparent;color:var(--text-muted);text-align:left;padding:0 var(--osi-p-size-10);cursor:pointer}.settings-tab:hover{background:var(--row-hover);color:var(--text-main)}.settings-tab.is-active{border-color:var(--border-soft);background:var(--osi-color-accent-fill);color:var(--osi-color-text-brand)}.settings-content{border:1px solid var(--border-soft);border-radius:var(--osi-radius-lg);background:var(--osi-color-surface-2);padding:var(--osi-p-space-px-14);overflow:auto}.settings-modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--osi-spacing-3)}.settings-modal h2{margin:0;font-size:var(--osi-font-size-xl)}.settings-grid{display:grid;gap:var(--osi-spacing-2)}.settings-form{display:grid;gap:var(--osi-p-space-px-10);padding-right:var(--osi-p-space-px-2)}.settings-form label{display:grid;gap:var(--osi-p-space-px-5);color:var(--text-muted);font-size:var(--osi-font-size-md)}.settings-form input,.settings-form select{width:100%;border:1px solid var(--border-soft);border-radius:var(--osi-radius-md);background:var(--osi-color-surface-input);color:var(--text-main);min-height:var(--osi-p-size-38);padding:0 var(--osi-p-size-10)}.settings-form input[type=range]{padding:0;min-height:var(--osi-p-size-28)}.settings-toggle{border:1px solid var(--border-soft);border-radius:var(--osi-radius-md);min-height:var(--osi-p-size-38);background:var(--osi-color-surface-2);color:var(--text-main);display:flex;align-items:center;justify-content:space-between;padding:0 var(--osi-p-size-10);cursor:pointer}.settings-toggle span{color:var(--text-subtle);font-size:var(--osi-font-size-caption)}.settings-header{position:sticky;top:0;z-index:2;background:var(--osi-color-surface-modal);padding-bottom:var(--osi-p-size-10);border-bottom:1px solid var(--border-soft)}.settings-close{border:1px solid var(--border-soft);background:var(--osi-color-surface-2);color:var(--text-main);border-radius:var(--osi-radius-md);min-height:var(--osi-p-size-34);padding:0 var(--osi-p-size-10);display:inline-flex;align-items:center;gap:var(--osi-spacing-2);cursor:pointer}.settings-close span{font-size:var(--osi-font-size-lg);line-height:1;color:var(--text-subtle)}.settings-close:hover{background:var(--row-hover)}.notifications-view,.activity-view{margin:auto;width:min(var(--osi-p-size-760),100%);border:1px solid var(--border-soft);border-radius:var(--osi-radius-xl);background:var(--osi-color-surface-2);padding:var(--osi-spacing-4)}.activity-view-full{margin:0;width:100%;height:100%;min-height:0;display:flex;flex-direction:column}.view-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--osi-p-space-px-10)}.activity-header{align-items:flex-start;gap:var(--osi-p-space-px-18)}.activity-header p{margin:var(--osi-p-space-px-6) 0 0;color:var(--text-subtle);font-size:var(--osi-font-size-caption)}.view-header h2{margin:0;font-size:var(--osi-font-size-xl)}.view-header span{color:var(--text-subtle);font-size:var(--osi-font-size-caption)}.activity-stats{display:inline-flex;gap:var(--osi-spacing-2)}.activity-stats span{border:1px solid var(--border-soft);border-radius:var(--osi-radius-md);min-height:var(--osi-p-size-34);padding:0 var(--osi-p-size-9);display:inline-flex;align-items:center;gap:var(--osi-p-space-px-6);background:var(--osi-color-surface-2)}.activity-stats strong{color:var(--osi-color-text-brand);font-size:var(--osi-font-size-md)}.activity-note{margin:0 0 var(--osi-p-size-10);border:1px solid var(--border-soft);border-radius:var(--osi-radius-md);background:var(--osi-color-accent-fill);color:var(--osi-color-text-brand);font-size:var(--osi-font-size-base);padding:var(--osi-p-space-px-7) var(--osi-p-space-px-10)}.notification-list,.activity-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--osi-p-space-px-6)}.activity-list-rich{flex:1;min-height:0;overflow:auto;align-content:start;padding-right:var(--osi-spacing-1)}.notification-item,.activity-item{border:1px solid transparent;border-radius:var(--osi-p-r-12);padding:var(--osi-spacing-2);display:flex;align-items:center;gap:var(--osi-p-space-px-10)}.notification-item.is-unread{border-color:var(--border-soft);background:var(--osi-color-accent-fill)}.notification-item:hover,.activity-item:hover{background:var(--row-hover)}.notification-server-icon{width:var(--osi-p-size-30);height:var(--osi-p-size-30);border-radius:var(--osi-radius-md);overflow:hidden;display:grid;place-items:center;border:1px solid var(--border-soft)}.notification-server-icon img{width:var(--osi-p-size-22);height:var(--osi-p-size-22)}.notification-copy,.activity-item p{margin:0;flex:1}.notification-copy p,.activity-item p{margin:0;display:flex;align-items:center;justify-content:space-between;gap:var(--osi-spacing-2);font-size:var(--osi-font-size-md)}.notification-copy small,.activity-item span{color:var(--text-subtle);font-size:var(--osi-font-size-caption)}.activity-item strong{margin-right:var(--osi-spacing-1)}.activity-item-rich{position:relative;padding:var(--osi-p-space-px-9)}.activity-item-rich.menu-open{border-color:var(--border-soft);background:var(--osi-color-accent-fill)}.activity-main{width:100%;display:flex;align-items:center;gap:var(--osi-p-space-px-10)}.activity-copy{min-width:0;flex:1}.activity-line{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--osi-p-space-px-3);font-size:var(--osi-font-size-md);color:var(--text-muted)}.activity-topline .activity-line{justify-content:flex-start;flex:1}.activity-verb{color:var(--text-subtle)}.activity-game-inline{font-size:var(--osi-font-size-md);font-weight:600;color:var(--osi-color-text-brand)}.activity-action-inline{margin-left:var(--osi-spacing-1)}.activity-meta{margin-top:var(--osi-p-space-px-2);display:inline-flex;align-items:center;gap:var(--osi-spacing-2);color:var(--text-subtle);font-size:var(--osi-font-size-sm)}.activity-session{border:1px solid var(--border-soft);border-radius:var(--osi-radius-full);padding:var(--osi-p-space-px-1) var(--osi-p-space-px-6);background:var(--osi-color-accent-fill)}.game-chip{flex:0 0 auto;border:1px solid var(--border-soft);border-radius:var(--osi-radius-full);min-height:var(--osi-p-size-26);padding:0 var(--osi-spacing-2) 0 6px;display:inline-flex;align-items:center;gap:var(--osi-p-space-px-6);background:var(--osi-color-surface-2)}.game-chip img{width:var(--osi-p-size-16);height:var(--osi-p-size-16);object-fit:cover;border-radius:var(--osi-p-r-4)}.game-chip em{font-style:normal;font-size:var(--osi-font-size-sm);color:var(--osi-color-text-brand-dim)}.activity-menu{position:absolute;right:var(--osi-p-size-10);top:calc(100% + 4px);width:var(--osi-p-size-350);border:1px solid var(--border-soft);border-radius:var(--osi-radius-md);background:var(--osi-color-surface-call);box-shadow:var(--osi-shadow-md);padding:var(--osi-p-space-px-10);z-index:12}.activity-menu-header{display:flex;align-items:center;justify-content:space-between;gap:var(--osi-spacing-2);margin-bottom:var(--osi-spacing-2)}.activity-menu-header strong{font-size:var(--osi-font-size-md)}.activity-menu-header span{color:var(--text-subtle);font-size:var(--osi-font-size-sm)}.activity-menu-details{border:1px solid var(--border-soft);border-radius:var(--osi-radius-md);background:var(--osi-color-surface-2);padding:var(--osi-spacing-2)}.activity-menu-details p{margin:0;display:flex;align-items:center;gap:var(--osi-p-space-px-6);color:var(--text-muted);font-size:var(--osi-font-size-caption)}.activity-menu-details p+p{margin-top:var(--osi-spacing-1)}.activity-menu-details small{display:block;margin-top:var(--osi-p-space-px-6);color:var(--text-subtle);line-height:1.35;font-size:var(--osi-font-size-sm)}.activity-menu-actions{margin-top:var(--osi-spacing-2);display:grid;gap:var(--osi-p-space-px-5)}.activity-menu-actions button{width:100%;border:1px solid var(--border-soft);border-radius:var(--osi-p-r-9);min-height:var(--osi-p-size-34);background:var(--osi-color-surface-2);color:var(--text-main);display:inline-flex;align-items:center;gap:var(--osi-p-space-px-7);padding:0 var(--osi-p-size-10);cursor:pointer}.activity-menu-actions button:hover{background:var(--osi-color-accent-fill-hover)}.activity-row-expand{align-items:stretch;gap:var(--osi-spacing-3);min-height:var(--osi-p-size-88);transition:min-height var(--osi-motion-medium),background var(--osi-motion-medium),border-color var(--osi-motion-medium)}.activity-clickable{cursor:pointer}.activity-row-expand:hover{min-height:var(--osi-p-size-148);border-color:var(--border-soft);background:var(--osi-color-accent-fill)}.activity-game-art{width:var(--osi-p-size-64);height:var(--osi-p-size-64);flex:0 0 auto;border-radius:var(--osi-radius-lg);overflow:hidden;border:1px solid var(--border-soft);background:var(--osi-color-surface-2);display:grid;place-items:center}.activity-game-art img{width:100%;height:100%;object-fit:contain;object-position:center;padding:var(--osi-p-space-px-7);background:var(--osi-color-surface-1)}.activity-info{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center}.activity-topline{display:flex;align-items:center;gap:var(--osi-spacing-2)}.activity-topline .avatar-wrap,.activity-topline .avatar{width:var(--osi-p-size-24)!important;height:var(--osi-p-size-24)!important}.activity-topline em{margin-left:auto;font-style:normal;color:var(--text-subtle);font-size:var(--osi-font-size-sm)}.activity-quickline{margin-top:var(--osi-p-space-px-6);display:flex;flex-wrap:wrap;gap:var(--osi-p-space-px-6)}.activity-pill{border:1px solid var(--border-soft);border-radius:var(--osi-radius-full);min-height:var(--osi-p-size-22);padding:0 var(--osi-spacing-2);display:inline-flex;align-items:center;font-size:var(--osi-font-size-sm);color:var(--text-subtle);background:var(--osi-color-surface-2)}.activity-expanded{margin-top:var(--osi-spacing-2);max-height:0;overflow:hidden;opacity:0;transform:translateY(calc(-1 * var(--osi-spacing-1)));transition:max-height var(--osi-motion-duration-slow) ease,opacity var(--osi-motion-medium),transform var(--osi-motion-medium)}.activity-row-expand:hover .activity-expanded{max-height:var(--osi-p-size-90);opacity:1;transform:translateY(0)}.activity-expanded p{margin:0;color:var(--text-muted);font-size:var(--osi-font-size-caption);line-height:1.35}.activity-expanded-meta{margin-top:var(--osi-p-space-px-6);display:inline-flex;gap:var(--osi-p-space-px-10);color:var(--text-subtle);font-size:var(--osi-font-size-sm)}.notification-empty{margin:0;color:var(--text-subtle)}.settings-row{border:1px solid var(--border-soft);background:var(--osi-color-surface-2);border-radius:var(--osi-radius-md);min-height:var(--osi-p-size-42);color:var(--text-main);display:flex;align-items:center;justify-content:space-between;padding:0 var(--osi-spacing-3);cursor:pointer}.settings-row strong{color:var(--text-subtle);font-size:var(--osi-font-size-caption)}.floating-mini{position:fixed;right:var(--osi-p-size-26);top:var(--osi-p-size-24);border:1px solid var(--border-soft);border-radius:var(--osi-radius-md);background:var(--osi-color-surface-2);color:var(--text-muted);display:inline-flex;align-items:center;gap:var(--osi-p-space-px-7);padding:var(--osi-p-space-px-7) var(--osi-p-space-px-10);cursor:pointer}.user-mini{top:var(--osi-p-size-58)}.user-menu{position:fixed;left:var(--osi-p-size-28);bottom:var(--osi-p-size-28);width:var(--osi-p-size-240)}.user-menu-header{display:flex;align-items:center;gap:var(--osi-p-space-px-9);padding:var(--osi-spacing-1) var(--osi-spacing-1) var(--osi-spacing-2);border-bottom:1px solid var(--border-soft);margin-bottom:var(--osi-p-space-px-6)}.user-menu-header img{width:var(--osi-p-size-36);height:var(--osi-p-size-36);border-radius:var(--osi-radius-md)}.user-menu-header div{display:flex;flex-direction:column}.user-menu-header span{color:var(--text-subtle);font-size:var(--osi-font-size-caption)}.user-status-menu{display:grid;grid-template-columns:1fr;gap:var(--osi-p-space-px-5);margin-bottom:var(--osi-spacing-2)}.user-status-menu button{min-height:var(--osi-p-size-28);border-radius:var(--osi-p-r-8);border:1px solid var(--border-soft);background:var(--osi-color-bg-elevated);color:var(--text-muted);text-align:left;padding:0 var(--osi-spacing-2);display:inline-flex;align-items:center;gap:var(--osi-p-space-px-7)}.user-status-menu button:hover{background:var(--row-hover);color:var(--text-main)}.user-status-menu button.is-selected{border-color:var(--border-strong);background:var(--osi-p-white-14);color:var(--text-main)}.status-dot{width:var(--osi-p-size-9);height:var(--osi-p-size-9);border-radius:var(--osi-radius-full);display:inline-block;flex:0 0 auto}.status-online{background:var(--osi-color-status-online-inline)}.status-idle{background:var(--osi-color-status-idle-inline)}.status-dnd{background:var(--osi-color-status-dnd-inline)}.status-invisible{background:var(--osi-color-status-invisible-inline)}.profile-actions{display:flex;gap:var(--osi-p-space-px-6)}.profile-actions button{border:1px solid var(--border-soft);background:var(--osi-color-surface-2);color:var(--text-main);border-radius:var(--osi-radius-sm);min-height:var(--osi-p-size-30);padding:0 var(--osi-spacing-2);cursor:pointer}.incoming-call-popup{position:fixed;left:calc(100vw - 344px);top:var(--osi-p-size-88);width:var(--osi-p-size-320);border:1px solid var(--border-soft);border-radius:var(--osi-radius-lg);background:var(--osi-color-surface-modal);padding:var(--osi-spacing-3);display:grid;grid-template-columns:var(--osi-p-size-46) 1fr;gap:var(--osi-p-space-px-10);box-shadow:var(--osi-shadow-lg);z-index:30;-webkit-user-select:none;user-select:none;cursor:grab}.incoming-call-popup img{width:var(--osi-p-size-46);height:var(--osi-p-size-46);border-radius:var(--osi-radius-full);object-fit:cover}.incoming-call-popup strong{display:block;font-size:var(--osi-font-size-base)}.incoming-call-popup span{color:var(--text-subtle);font-size:var(--osi-font-size-caption)}.incoming-call-actions{grid-column:1 / -1;display:flex;gap:var(--osi-spacing-2);cursor:default}.incoming-call-actions button{flex:1;border:1px solid var(--border-soft);border-radius:var(--osi-p-r-9);min-height:var(--osi-p-size-34);display:inline-flex;align-items:center;justify-content:center;gap:var(--osi-p-space-px-6);cursor:pointer}.incoming-call-actions .accept{background:var(--osi-color-positive-bg);color:var(--osi-color-positive-text)}.incoming-call-actions .decline{background:var(--osi-color-negative-bg);color:var(--osi-color-negative-text)}.direct-call-overlay{position:fixed;left:calc(50vw - 360px);top:var(--osi-p-size-24);width:min(62vw,var(--osi-p-size-900));min-width:var(--osi-p-size-520);max-height:min(52vh,var(--osi-p-size-520));border:1px solid var(--border-soft);border-radius:var(--osi-radius-xl);background:var(--osi-color-surface-call);box-shadow:var(--osi-shadow-lg);padding:var(--osi-spacing-3);z-index:35;display:flex;flex-direction:column;overflow:hidden}.direct-call-overlay.is-docked{position:relative;left:auto;top:auto;width:100%;min-width:0;max-height:min(34vh,var(--osi-p-size-260));border:0;background:transparent;box-shadow:none;padding:0}.direct-call-overlay header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--osi-p-space-px-10);-webkit-user-select:none;user-select:none;cursor:grab;position:relative;z-index:2}.direct-call-overlay header.dragging,.incoming-call-popup.dragging{cursor:grabbing}.direct-call-overlay.is-docked header{cursor:default;min-height:var(--osi-p-size-22);margin-bottom:var(--osi-p-space-px-6);padding-right:var(--osi-spacing-1)}.direct-call-overlay.is-docked .call-head-copy{display:none}.direct-call-overlay.is-docked .video-stage,.direct-call-overlay.is-docked .voice-surface{min-height:var(--osi-p-size-136)}.direct-call-overlay.is-docked .video-grid{min-height:var(--osi-p-size-136);grid-template-columns:repeat(auto-fit,minmax(var(--osi-p-size-122),1fr))}.direct-call-overlay.is-docked .voice-avatar{width:var(--osi-p-size-52);height:var(--osi-p-size-52)}.direct-call-overlay.is-docked .voice-avatar-row{gap:var(--osi-spacing-4);margin-bottom:var(--osi-p-space-px-6)}.direct-call-overlay.is-docked .call-controls button{width:var(--osi-p-size-32);height:var(--osi-p-size-32)}.direct-call-overlay.is-docked .call-controls button.end{width:var(--osi-p-size-36);height:var(--osi-p-size-36)}.call-head-copy{min-width:0}.direct-call-overlay header strong{font-size:var(--osi-font-size-base)}.direct-call-overlay header span{display:block;color:var(--text-subtle);font-size:var(--osi-font-size-caption)}.direct-call-overlay header em{font-style:normal;color:var(--osi-color-text-brand);font-size:var(--osi-font-size-base);display:inline-block;padding-right:var(--osi-p-space-px-2)}.call-head-actions{display:inline-flex;align-items:center;gap:var(--osi-p-space-px-6);margin-left:auto;min-width:max-content}.share-viewers{display:inline-flex;align-items:center;margin-left:var(--osi-p-space-px-2)}.share-viewers img{width:var(--osi-p-size-20);height:var(--osi-p-size-20);border-radius:var(--osi-radius-full);object-fit:cover;border:1px solid var(--osi-p-white-22);box-shadow:var(--osi-shadow-sm);margin-left:calc(-1 * var(--osi-p-size-6))}.share-viewers img:first-child{margin-left:0}.call-head-actions button{width:var(--osi-p-size-26);height:var(--osi-p-size-26);border-radius:var(--osi-radius-sm);border:1px solid var(--border-soft);background:var(--osi-color-surface-2);color:var(--text-muted);display:grid;place-items:center;cursor:pointer}.call-head-actions button:hover{color:var(--text-main);background:var(--row-hover)}.call-surface{border:1px solid var(--border-soft);border-radius:var(--osi-radius-md);background:var(--osi-color-surface-1);padding:var(--osi-spacing-2);display:flex;flex-direction:column;gap:var(--osi-spacing-2);min-height:0;overflow:auto}.video-stage{position:relative;min-height:var(--osi-p-size-220);border-radius:var(--osi-radius-md);overflow:hidden;background:var(--osi-color-surface-1)}.video-grid{width:100%;height:100%;min-height:var(--osi-p-size-220);display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--osi-p-size-150),1fr));grid-auto-rows:minmax(var(--osi-p-size-110),1fr);gap:var(--osi-spacing-2);align-content:stretch}.video-grid-tile{position:relative;border:1px solid var(--border-soft);border-radius:var(--osi-radius-md);overflow:hidden;background:var(--osi-color-surface-1);min-height:var(--osi-p-size-110)}.video-grid-media,.video-grid-tile .camera-mock{width:100%;height:100%}.video-grid-media{width:100%;height:100%;padding:var(--osi-spacing-2);box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-grid-tile img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block;border-radius:var(--osi-radius-sm);background:var(--osi-color-surface-2)}.video-grid-tile span{position:absolute;left:var(--osi-spacing-2);bottom:var(--osi-p-space-px-7);font-size:var(--osi-font-size-sm);color:var(--osi-color-text-brand);background:var(--osi-p-black-40);border-radius:var(--osi-radius-full);padding:var(--osi-p-space-px-2) var(--osi-spacing-2)}.call-avatar-alerts{position:absolute;right:var(--osi-p-size-6);bottom:var(--osi-p-size-6);display:inline-flex;align-items:center;gap:var(--osi-p-space-px-3);z-index:2}.call-avatar-alert{width:var(--osi-p-size-16);height:var(--osi-p-size-16);border-radius:var(--osi-radius-full);display:inline-flex;align-items:center;justify-content:center;color:var(--osi-color-negative-text);background:var(--osi-p-red-500);border:1px solid var(--osi-color-negative);box-shadow:var(--osi-shadow-sm)}.call-avatar-alert.is-muted,.call-avatar-alert.is-deafened{background:var(--osi-p-red-500)}.direct-call-overlay.is-docked .call-avatar-alerts{right:var(--osi-spacing-1);bottom:var(--osi-spacing-1)}.direct-call-overlay.is-docked .call-avatar-alert{width:var(--osi-p-size-14);height:var(--osi-p-size-14)}.voice-surface{min-height:var(--osi-p-size-220);border-radius:var(--osi-radius-md);background:linear-gradient(160deg,var(--osi-color-surface-2),var(--osi-color-surface-1));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--osi-spacing-3)}.voice-surface p{margin:0;color:var(--osi-color-text-brand);font-weight:600}.voice-surface small{margin-top:var(--osi-spacing-1);color:var(--text-subtle);font-size:var(--osi-font-size-caption)}.voice-avatar-row{display:flex;align-items:center;gap:var(--osi-p-space-px-34);margin-bottom:var(--osi-p-space-px-14)}.voice-avatar{width:var(--osi-p-size-86);height:var(--osi-p-size-86);border-radius:var(--osi-radius-full);border:2px solid var(--osi-p-white-14);overflow:hidden;position:relative}.voice-avatar img{width:100%;height:100%;object-fit:cover}.voice-avatar span{position:absolute;left:50%;bottom:calc(-1 * var(--osi-p-size-24));transform:translate(-50%);color:var(--osi-color-text-brand-dim);font-size:var(--osi-font-size-base);white-space:nowrap}.voice-avatar-row+p{margin-top:var(--osi-spacing-3)}.participant-tile{border-radius:var(--osi-radius-md);overflow:hidden;background:var(--osi-color-surface-1)}.participant-tile img,.camera-mock{width:100%;height:100%;object-fit:cover}.participant-tile.remote{width:100%;height:100%;min-height:var(--osi-p-size-220);border:1px solid var(--border-soft)}.participant-tile.local{position:absolute;right:var(--osi-p-size-10);bottom:var(--osi-p-size-10);width:34%;min-width:var(--osi-p-size-110);max-width:var(--osi-p-size-160);aspect-ratio:16 / 10;border:1px solid var(--osi-p-white-16);box-shadow:var(--osi-shadow-md)}.camera-mock{display:grid;place-items:center;color:var(--osi-color-text-brand);font-size:var(--osi-font-size-base);background:linear-gradient(145deg,var(--osi-p-brand-a40),var(--osi-p-brand-350))}.participant-tile span{position:absolute;left:var(--osi-spacing-2);bottom:var(--osi-p-space-px-7);font-size:var(--osi-font-size-sm);color:var(--osi-color-text-brand)}.screen-share-view{height:100%;border:1px solid var(--border-soft);border-radius:var(--osi-radius-md);padding:var(--osi-p-space-px-10);background:var(--osi-color-surface-2)}.screen-share-view strong{font-size:var(--osi-font-size-caption)}.screen-share-view span{display:block;margin-top:var(--osi-p-space-px-2);font-size:var(--osi-font-size-sm);color:var(--text-subtle)}.screen-share-canvas{margin-top:var(--osi-p-space-px-7);border:1px dashed var(--border-soft);border-radius:var(--osi-radius-sm);min-height:var(--osi-p-size-148);display:grid;place-items:center;color:var(--osi-color-text-brand-dim);font-size:var(--osi-font-size-base)}.screen-share-fallback{border:1px solid var(--osi-color-negative);border-radius:var(--osi-radius-md);padding:var(--osi-spacing-2);font-size:var(--osi-font-size-base);color:var(--osi-color-negative-text);background:var(--osi-color-negative-bg)}.call-controls{margin-top:var(--osi-p-space-px-10);display:flex;justify-content:center;flex-wrap:wrap;gap:var(--osi-p-space-px-6)}.call-controls button{border:1px solid var(--border-soft);border-radius:var(--osi-radius-full);width:var(--osi-p-size-42);height:var(--osi-p-size-42);background:var(--osi-color-surface-2);color:var(--text-muted);display:grid;place-items:center;cursor:pointer}.call-controls button:hover,.call-controls button.is-active{color:var(--text-main);background:var(--osi-color-accent-fill-hover)}.call-controls button.end{width:var(--osi-p-size-48);height:var(--osi-p-size-48);background:var(--osi-color-negative);border-color:var(--osi-color-negative-text);color:var(--osi-color-negative-text)}.active-call-chip{position:fixed;right:var(--osi-p-size-24);bottom:var(--osi-p-size-24);border:1px solid var(--border-soft);border-radius:var(--osi-radius-full);background:var(--osi-color-surface-modal);color:var(--text-main);min-height:var(--osi-p-size-40);padding:0 var(--osi-spacing-3);display:inline-flex;align-items:center;gap:var(--osi-p-space-px-10);cursor:pointer;z-index:35}.active-call-chip span{color:var(--text-subtle);font-size:var(--osi-font-size-caption)}.call-toast{top:auto;right:var(--osi-p-size-24);bottom:var(--osi-p-size-136);max-width:var(--osi-p-size-320);justify-content:flex-start}.call-window{height:100vh;background:var(--osi-color-surface-input);color:var(--osi-color-text-brand);display:flex;flex-direction:column;padding:var(--osi-spacing-3) var(--osi-spacing-4) 18px}.call-window-header{min-height:var(--osi-p-size-40);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--osi-p-white-08);padding-bottom:var(--osi-p-size-10);margin-bottom:var(--osi-spacing-3)}.call-window-header strong{display:block;font-size:var(--osi-font-size-lg)}.call-window-header span{color:var(--osi-color-text-muted);font-size:var(--osi-font-size-base)}.call-window-header em{font-style:normal;color:var(--osi-color-text-brand-dim);font-size:var(--osi-font-size-md)}.call-window-stage{flex:1;min-height:0;border-radius:var(--osi-radius-lg);border:1px solid var(--osi-p-white-10);background:var(--osi-p-brand-100);position:relative;overflow:hidden}.call-window-remote,.call-window-remote img{width:100%;height:100%}.call-window-remote img{object-fit:cover}.call-window-remote label,.call-window-local label{position:absolute;left:var(--osi-p-size-10);bottom:var(--osi-spacing-2);font-size:var(--osi-font-size-base);color:var(--osi-color-text-on-accent);background:var(--osi-p-black-40);border-radius:var(--osi-radius-full);padding:var(--osi-p-space-px-2) var(--osi-spacing-2)}.call-window-local{position:absolute;right:var(--osi-p-size-14);bottom:var(--osi-p-size-14);width:clamp(var(--osi-p-size-170),26vw,var(--osi-p-size-280));aspect-ratio:16/10;border-radius:var(--osi-radius-md);overflow:hidden;border:1px solid var(--osi-p-white-22);box-shadow:var(--osi-shadow-lg);background:var(--osi-p-brand-300)}.call-window-local img,.call-window-local-preview{width:100%;height:100%;object-fit:cover}.call-window-local-preview{display:grid;place-items:center;color:var(--osi-color-text-brand-dim);font-size:var(--osi-font-size-base);background:linear-gradient(150deg,var(--osi-p-brand-a40),var(--osi-p-brand-350))}.call-window-share{height:100%;padding:var(--osi-p-space-px-14);display:flex;flex-direction:column;gap:var(--osi-p-space-px-6)}.call-window-share strong{font-size:var(--osi-font-size-base)}.call-window-share span{color:var(--osi-color-text-muted);font-size:var(--osi-font-size-base)}.call-window-share-canvas{flex:1;min-height:var(--osi-p-size-180);border:1px dashed var(--osi-color-border-subtle);border-radius:var(--osi-radius-md);display:grid;place-items:center;color:var(--osi-color-text-brand-dim);font-size:var(--osi-font-size-md)}.call-window-alert{position:absolute;left:50%;bottom:var(--osi-p-size-14);transform:translate(-50%);margin:0;border:1px solid var(--osi-color-negative);background:var(--osi-color-negative-bg);color:var(--osi-color-negative-text);border-radius:var(--osi-radius-full);padding:var(--osi-p-space-px-5) var(--osi-spacing-3);font-size:var(--osi-font-size-base)}.call-window-controls{margin-top:var(--osi-p-space-px-14);display:flex;justify-content:center;gap:var(--osi-spacing-3)}.call-window-controls button{width:var(--osi-p-size-48);height:var(--osi-p-size-48);border-radius:var(--osi-radius-full);border:1px solid var(--osi-p-white-12);background:var(--osi-color-surface-2);color:var(--osi-color-text-brand-dim);display:grid;place-items:center;cursor:pointer}.call-window-controls button:hover,.call-window-controls button.is-active{background:var(--osi-color-accent-fill-hover);color:var(--osi-color-text-primary)}.call-window-controls button.end{width:var(--osi-p-size-56);height:var(--osi-p-size-56);background:var(--osi-p-red-400);border-color:var(--osi-color-negative-text);color:var(--osi-p-neutral-950)}@media(max-width:1240px){.app-bg{padding:var(--osi-p-space-px-10)}.app-shell{grid-template-columns:var(--osi-p-size-68) var(--osi-p-size-290) 1fr;min-height:var(--osi-p-size-720)}.right-panel{display:none}.direct-call-overlay{width:min(76vw,var(--osi-p-size-820));min-width:var(--osi-p-size-360);max-height:min(56vh,var(--osi-p-size-500))}.voice-avatar{width:var(--osi-p-size-92);height:var(--osi-p-size-92)}}