:root{color-scheme:dark;--sona-ink: #050817;--sona-deep: #0a1026;--sona-cyan: #6be7ff;--sona-blue: #6f9cff;--sona-violet: #8d73ff;--sona-lilac: #c8c7ff;--sona-glass: rgba(164, 210, 255, .12);--sona-rim: rgba(194, 244, 255, .56);--sona-glow: rgba(107, 231, 255, .34);--glass-blur: 8px;--space-glass-blur: 4px;--active-space-glass-blur: 3px;--user-glass-blur: 3px;--glass-fill: rgba(255, 255, 255, .21);--glass-border: rgba(255, 255, 255, .3);--glass-edge-strong: rgba(255, 255, 255, .8);--glass-edge-soft: rgba(255, 255, 255, .3);--glass-inner-glow: rgba(255, 255, 255, .16);--liquid-glass-filter: url(#sona-liquid-glass);--liquid-glass-soft-filter: url(#sona-liquid-glass-soft);--liquid-glass-backdrop: blur(18px) saturate(1.42) contrast(1.04) brightness(1.04);--liquid-glass-strong-backdrop: blur(26px) saturate(1.62) contrast(1.08) brightness(1.08);--rank-gold: #ffbf43;--rank-purple: #a77cff;--rank-green: #54e89a;--rank-yellow: #f4ff5e;--rank-blue: #5ab5ff;--rank-white: #f7fbff;--current-user-orange: #ff6a00;--current-user-orange-hot: #ff9b2f;--current-space-glow: rgba(255, 145, 45, .24);--sona-corner-action-size: 104px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--sona-ink);color:#f3f8fb}*{box-sizing:border-box}html,#app{min-width:320px;min-height:100%;margin:0}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}.liquid-glass-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.brand-logo,.sona-status,.self-card,.note-panel,.sona-chat-dock .chat-panel,.sona-settings-toggle,.sona-settings-panel,.sona-user-audio-panel,.sona-user-card-panel,.sona-member-rights-panel,.sona-invite-panel,.sona-dm-panel,.space-label,.space-controls,.icon-button,.create-space-bubble,.create-space-dialog,.user-details,.user-actions{-webkit-backdrop-filter:var(--liquid-glass-backdrop);backdrop-filter:var(--liquid-glass-backdrop)}.stage.is-focus-view .space.is-active .space-cell,.space-screen-tile{-webkit-backdrop-filter:var(--liquid-glass-strong-backdrop);backdrop-filter:var(--liquid-glass-strong-backdrop)}@supports (filter: url(#sona-liquid-glass-soft)){.brand-logo:before,.sona-status:before,.self-card:before,.note-panel:before,.sona-chat-dock .chat-panel:before,.sona-settings-toggle:before,.space-label:before,.space-controls:before,.create-space-bubble:before,.user-details:before{filter:var(--liquid-glass-soft-filter)}}.stage{position:relative;--sona-stage-padding: 28px;--sona-chat-gap: 24px;--sona-chat-side-width: min(380px, calc(100vw - 56px) );--sona-chat-bottom-height: clamp(176px, 24vh, 224px);--sona-chat-side-top: 154px;--sona-chat-control-clearance: calc( var(--sona-stage-padding) + var(--sona-corner-action-size) + 16px );--sona-space-center-x: 50%;--sona-space-center-y: 50%;--sona-safe-width: calc(100vw - 56px) ;--sona-safe-height: calc(100vh - 56px) ;min-height:100vh;overflow:hidden;padding:var(--sona-stage-padding);background:radial-gradient(circle at 18% 7%,rgba(141,115,255,.16),transparent 24%),radial-gradient(circle at 72% 32%,rgba(107,231,255,.1),transparent 30%),radial-gradient(circle at 50% 86%,rgba(111,156,255,.15),transparent 44%),linear-gradient(145deg,#050817,#070d20 58%,#030611)}.app-header{position:absolute;z-index:24;left:28px;right:28px;top:22px;display:flex;align-items:center;justify-content:space-between;gap:28px;pointer-events:none}.sona-status{position:relative;z-index:20;max-width:min(360px,28vw);padding:10px 16px;overflow:hidden;border:1px solid rgba(194,244,255,.32);border-radius:999px;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.16),transparent 45%),#060c1cb8;box-shadow:inset 0 1px #ffffff57,0 14px 30px #00000038;color:#f0faffd1;font-size:13px;font-weight:680;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}.sona-status[data-state=connected],.sona-status[data-state=ready]{border-color:#5ee8a05c;color:#deffefe6}.sona-status[data-state=error]{border-color:#ff84be85;color:#ffe0f0f0}.brand-logo{position:relative;z-index:20;display:inline-flex;align-items:center;justify-content:center;height:144px;min-width:0;padding:8px 22px;overflow:hidden;border:1px solid var(--glass-border);border-radius:999px;background-color:#02040b;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.12),transparent 46%),radial-gradient(circle at 32% 72%,rgba(66,82,146,.2),transparent 54%),linear-gradient(145deg,#090d1ff5,#010308f0);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 24px 12px var(--glass-inner-glow),0 0 28px #6be7ff21,0 14px 34px #00000047;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;pointer-events:auto}.brand-logo img{position:relative;z-index:1;display:block;width:auto;max-width:min(420px,48vw);height:128px;object-fit:contain;object-position:center;filter:drop-shadow(0 0 18px rgba(107,231,255,.24)) drop-shadow(0 0 34px rgba(141,115,255,.18))}.sona-workspace-switcher{position:relative;z-index:20;display:flex;align-items:center;gap:8px;max-width:min(420px,28vw);padding:6px;overflow-x:auto;border:1px solid rgba(194,244,255,.28);border-radius:8px;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.12),transparent 42%),#050b1ac7;box-shadow:inset 0 1px #ffffff42,0 14px 30px #00000038;pointer-events:auto;scrollbar-width:none}.sona-workspace-switcher:empty{display:none}.sona-workspace-switcher::-webkit-scrollbar{display:none}.sona-workspace-button,.sona-invite-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:38px;max-width:180px;padding:0 14px;overflow:hidden;border:1px solid rgba(194,244,255,.24);border-radius:8px;background:#ffffff14;color:#f0faffd6;font:inherit;font-size:12px;font-weight:820;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.sona-workspace-button.is-active{border-color:#6be7ff85;background:#6be7ff29;color:#f3f8fb}.sona-workspace-button[data-access-mode=private]:before{content:"privat";margin-right:7px;color:#ffd686db;font-size:9px;letter-spacing:0;text-transform:uppercase}.sona-invite-button{position:relative;z-index:20;border-color:#ffd6866b;background:#ffbf4324;color:#fff4d6f2;pointer-events:auto}.sona-invite-button[hidden]{display:none}.sona-chat-dock{position:absolute;z-index:19;display:flex;min-width:0;min-height:0;transform:none;pointer-events:auto}.stage[data-chat-placement=right] .sona-chat-dock{top:var(--sona-chat-side-top);right:var(--sona-stage-padding);bottom:var(--sona-chat-control-clearance);width:var(--sona-chat-side-width)}.stage[data-chat-placement=left] .sona-chat-dock{top:var(--sona-chat-side-top);bottom:var(--sona-chat-control-clearance);left:var(--sona-stage-padding);width:var(--sona-chat-side-width)}.stage[data-chat-placement=bottom] .sona-chat-dock{right:calc(var(--sona-stage-padding) + var(--sona-corner-action-size) + var(--sona-chat-gap));bottom:var(--sona-stage-padding);left:calc(var(--sona-stage-padding) + var(--sona-corner-action-size) + var(--sona-chat-gap));height:var(--sona-chat-bottom-height)}.sona-chat-dock:empty{display:none}.sona-chat-dock .chat-panel{display:flex;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(194,244,255,.28);border-radius:8px;background:radial-gradient(circle at 22% 0%,rgba(255,255,255,.11),transparent 38%),linear-gradient(145deg,#0b1228e6,#030713d6);box-shadow:inset 0 1px #ffffff3d,0 24px 54px #00000052;color:#f3f8fb}.sona-chat-dock .chat-panel,.sona-chat-dock .chat-panel__body{flex-direction:column}.sona-chat-dock .chat-panel__header,.sona-chat-dock .chat-tabs,.sona-chat-dock .chat-composer{flex:0 0 auto}.sona-chat-dock .chat-panel__header{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px;border-bottom:1px solid rgba(194,244,255,.18)}.sona-chat-dock .chat-panel__search,.sona-chat-dock .status-pill{color:#e2f6ff9e;font-size:12px}.sona-chat-dock .chat-icon-button,.sona-chat-dock .chat-composer__send{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(194,244,255,.28);border-radius:8px;background:#ffffff14;color:#f3f8fb;cursor:pointer}.sona-chat-dock .chat-icon-button:hover,.sona-chat-dock .chat-composer__send:hover{border-color:#6be7ff85}.sona-chat-dock .chat-icon-button:disabled,.sona-chat-dock .chat-composer__send:disabled{cursor:not-allowed;opacity:.45}.sona-chat-dock .chat-panel__tools{position:relative;display:flex;flex:0 0 auto}.sona-chat-dock .chat-tabs{display:flex;gap:8px;padding:10px 12px;overflow-x:auto;border-bottom:1px solid rgba(194,244,255,.14)}.sona-chat-dock .chat-tab{flex:0 0 auto;max-width:180px;padding:7px 10px;overflow:hidden;border:1px solid transparent;border-radius:8px;background:#ffffff0f;color:#f0faffbd;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.sona-chat-dock .chat-tab.is-active{border-color:#6be7ff6b;background:#6be7ff1f;color:#f3f8fb}.sona-chat-dock .chat-messages{flex:1 1 auto;min-height:0;margin:0;padding:14px;overflow-y:auto;list-style:none}.sona-chat-dock .chat-empty{flex:1 1 auto;display:grid;place-content:center;gap:6px;min-height:0;margin:0;padding:28px;color:#e2f6ffad;text-align:center}.sona-chat-dock .chat-message{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;margin:0 0 12px}.sona-chat-dock .chat-message__avatar{width:32px;height:32px;font-size:11px}.sona-chat-dock .chat-message__bubble{min-width:0}.sona-chat-dock .chat-message__meta{display:flex;align-items:baseline;gap:8px;color:#e2f6ff9e;font-size:11px}.sona-chat-dock .chat-message__author{color:#fafdffe6;font-weight:700}.sona-chat-dock .chat-message__body{margin:4px 0 0;overflow-wrap:anywhere;color:#f2faffdb;font-size:13px;line-height:1.4}.sona-chat-dock .chat-link{color:#89e1fff5;text-decoration:underline;text-decoration-color:#89e1ff6b;text-underline-offset:2px}.sona-chat-dock .chat-mention{border-radius:6px;background:#6be7ff24;color:#e0fafff5;font-weight:750}.sona-chat-dock .chat-message__reaction,.sona-chat-dock .chat-message__edited{color:#e2f6ff94;font-size:11px}.sona-chat-dock .chat-composer{display:grid;gap:8px;padding:12px;border-top:1px solid rgba(194,244,255,.16)}.sona-chat-dock .chat-composer__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sona-chat-dock .chat-composer__field{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px}.sona-chat-dock .chat-composer__input{width:100%;min-height:38px;max-height:120px;resize:vertical;border:1px solid rgba(194,244,255,.24);border-radius:8px;padding:9px 10px;background:#02050e7a;color:#f3f8fb;font:inherit;line-height:1.35}.sona-chat-dock .chat-composer__input:focus{outline:2px solid rgba(107,231,255,.38);outline-offset:2px}.sona-chat-dock .chat-composer__status{min-height:16px;margin:0;color:#e2f6ff9e;font-size:11px}.sona-chat-dock .chat-composer__status[data-state=error]{color:#ffb4d6f0}.sona-chat-dock .chat-composer__status[data-state=success]{color:#b2ffd9e6}.stage[data-chat-placement=bottom] .sona-chat-dock .chat-panel{display:grid;grid-template-areas:"header header" "tabs messages" "tabs composer";grid-template-columns:minmax(132px,18%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.stage[data-chat-placement=bottom] .sona-chat-dock .chat-panel__header{grid-area:header;min-height:42px;padding:9px 10px 8px 12px}.stage[data-chat-placement=bottom] .sona-chat-dock .chat-tabs{grid-area:tabs;flex-direction:column;min-height:0;padding:8px;overflow-x:hidden;overflow-y:auto;border-right:1px solid rgba(194,244,255,.14);border-bottom:0}.stage[data-chat-placement=bottom] .sona-chat-dock .chat-tab{width:100%;max-width:none;padding:6px 8px}.stage[data-chat-placement=bottom] .sona-chat-dock .chat-messages,.stage[data-chat-placement=bottom] .sona-chat-dock .chat-empty{grid-area:messages;padding:9px 10px}.stage[data-chat-placement=bottom] .sona-chat-dock .chat-composer{grid-area:composer;gap:5px;padding:7px 10px 8px}.stage[data-chat-placement=bottom] .sona-chat-dock .chat-composer__input{min-height:34px;max-height:74px;padding:7px 9px}.stage[data-chat-placement=bottom] .sona-chat-dock .chat-composer__status{min-height:14px}.stage[data-chat-placement=right] .sona-chat-dock[data-chat-minimized=true],.stage[data-chat-placement=left] .sona-chat-dock[data-chat-minimized=true]{bottom:auto;width:min(220px,calc(100vw - 56px));height:auto}.stage[data-chat-placement=bottom] .sona-chat-dock[data-chat-minimized=true]{right:calc(var(--sona-stage-padding) + var(--sona-corner-action-size) + var(--sona-chat-gap));left:auto;width:min(220px,calc(100vw - 56px));height:auto}.stage .sona-chat-dock[data-chat-minimized=true] .chat-panel{display:flex;flex:0 0 auto}.stage .sona-chat-dock[data-chat-minimized=true] .chat-panel__header{min-height:42px;padding:8px 9px 8px 12px;border-bottom:0}.stage .sona-chat-dock[data-chat-minimized=true] .chat-panel__search,.stage .sona-chat-dock[data-chat-minimized=true] .chat-tabs,.stage .sona-chat-dock[data-chat-minimized=true] .chat-messages,.stage .sona-chat-dock[data-chat-minimized=true] .chat-empty,.stage .sona-chat-dock[data-chat-minimized=true] .chat-composer{display:none}.sona-settings-toggle{position:absolute;right:28px;bottom:28px;z-index:25;display:inline-flex;align-items:center;justify-content:center;width:var(--sona-corner-action-size);height:var(--sona-corner-action-size);border:1px solid rgba(194,244,255,.36);border-radius:50%;background:radial-gradient(circle at 24% 10%,rgba(255,255,255,.18),transparent 42%),linear-gradient(145deg,#172246f0,#050918eb);box-shadow:inset 0 1px #ffffff47,0 16px 36px #0000005c;color:#f3f8fb;font-size:44px;cursor:pointer;pointer-events:auto}.sona-settings-toggle:hover,.sona-settings-toggle[aria-expanded=true]{border-color:#6be7ff9e;box-shadow:inset 0 1px #ffffff57,0 0 28px #6be7ff29,0 16px 36px #0000005c}.sona-settings-panel{position:absolute;right:28px;bottom:calc(28px + var(--sona-corner-action-size) + 16px);z-index:24;display:grid;width:min(340px,calc(100vw - 56px));gap:14px;padding:16px;border:1px solid rgba(194,244,255,.3);border-radius:8px;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.12),transparent 40%),linear-gradient(145deg,#0a1127f0,#030712eb);box-shadow:inset 0 1px #ffffff42,0 24px 54px #00000057;pointer-events:auto}.sona-settings-panel[hidden]{display:none}.sona-settings-panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sona-settings-panel__header h2{margin:0;color:#f3f8fb;font-size:15px;line-height:1.2}.sona-settings-panel__header span{color:#e2f6ff94;font-size:11px;text-transform:uppercase}.sona-settings-field{display:grid;gap:7px;min-width:0;color:#f0faffc7;font-size:12px;font-weight:700}.sona-settings-field select,.sona-settings-field input{width:100%;min-width:0;min-height:38px;border:1px solid rgba(194,244,255,.26);border-radius:8px;padding:8px 10px;background:#02050e8f;color:#f3f8fb;font:inherit}.sona-settings-field input[type=range]{min-height:28px;padding:0;accent-color:#6be7ff}.sona-settings-field strong{color:#b2ffd9eb;font-weight:800}.sona-settings-audio-meter{position:relative;height:18px;overflow:hidden;border:1px solid rgba(194,244,255,.22);border-radius:999px;background:linear-gradient(90deg,#5ee8a01f,#ffce5c24 68%,#ff5f7e29),#02050e85;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff0f}.sona-settings-audio-meter__bar{position:absolute;inset:2px auto 2px 2px;width:calc(var(--sona-settings-audio-level, 0) * 100%);border-radius:inherit;background:linear-gradient(90deg,#54e89a,#f4ff5e 72%,#ff5f7e);box-shadow:0 0 14px #6be7ff42;transition:width 70ms linear}.sona-settings-audio-meter__peak{position:absolute;top:2px;bottom:2px;left:calc(var(--sona-settings-audio-peak, 0) * 100%);width:2px;border-radius:999px;background:#ffffffeb;box-shadow:0 0 10px #ffffff75;transform:translate(-1px)}.sona-settings-field select:disabled,.sona-settings-field input:disabled{color:#e2f6ff7a;cursor:not-allowed}.sona-settings-field select:focus,.sona-settings-field input:focus{outline:2px solid rgba(107,231,255,.38);outline-offset:2px}.sona-settings-checks{display:grid;gap:8px;margin:0;padding:10px;border:1px solid rgba(194,244,255,.18);border-radius:8px}.sona-settings-checks legend{padding:0 4px;color:#e2f6ff94;font-size:11px;font-weight:800;text-transform:uppercase}.sona-settings-checks label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;color:#f0faffc7;font-size:12px;font-weight:700}.sona-settings-checks input{accent-color:#6be7ff}.sona-settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sona-settings-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border:1px solid rgba(194,244,255,.26);border-radius:8px;background:#ffffff14;color:#f0faffe0;font-size:12px;font-weight:800;cursor:pointer}.sona-settings-action:hover:not(:disabled),.sona-settings-action:focus-visible{border-color:#6be7ff6b;background:#6be7ff24;outline:none}.sona-settings-action:disabled{color:#e2f6ff7a;cursor:not-allowed}.sona-settings-action[hidden]{display:none}.sona-camera-preview{display:block;width:100%;aspect-ratio:16 / 9;border:1px solid rgba(194,244,255,.18);border-radius:8px;background:#02050ebd;object-fit:cover}.sona-camera-preview[hidden]{display:none}.sona-settings-status{min-height:16px;margin:0;color:#e2f6ff9e;font-size:12px}.sona-settings-status[data-state=error]{color:#ffb4d6f0}.sona-settings-status[data-state=success]{color:#b2ffd9e6}.sona-user-audio-panel{position:absolute;right:28px;bottom:156px;z-index:30;display:grid;width:min(300px,calc(100vw - 56px));gap:14px;padding:16px;border:1px solid rgba(194,244,255,.3);border-radius:8px;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.12),transparent 40%),linear-gradient(145deg,#0a1127f0,#030712eb);box-shadow:inset 0 1px #ffffff42,0 24px 54px #00000057;pointer-events:auto}.sona-user-audio-panel[hidden]{display:none}.sona-user-audio-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sona-user-audio-panel__header span{color:#e2f6ff94;font-size:11px;text-transform:uppercase}.sona-user-audio-panel__header h2{margin:2px 0 0;color:#f3f8fb;font-size:15px;line-height:1.2}.sona-user-audio-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(194,244,255,.24);border-radius:8px;background:#02050e6b;color:#f0faffe0;font-size:20px;cursor:pointer}.sona-user-audio-toggle,.sona-user-audio-field{display:grid;gap:8px;color:#f0faffd1;font-size:12px;font-weight:700}.sona-user-audio-toggle{grid-template-columns:auto 1fr;align-items:center}.sona-user-audio-toggle input{accent-color:#6be7ff}.sona-user-audio-field span{display:flex;justify-content:space-between;gap:12px}.sona-user-audio-field strong{color:#b2ffd9eb;font-weight:800}.sona-user-audio-field input{width:100%;accent-color:#6be7ff}.sona-user-card-panel{position:absolute;left:28px;bottom:156px;z-index:30;display:grid;width:min(300px,calc(100vw - 56px));gap:12px;padding:16px;border:1px solid rgba(194,244,255,.3);border-radius:8px;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.12),transparent 40%),linear-gradient(145deg,#0a1127f0,#030712eb);box-shadow:inset 0 1px #ffffff42,0 24px 54px #00000057;pointer-events:auto}.sona-user-card-panel[hidden]{display:none}.sona-user-card-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sona-user-card-avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(194,244,255,.26);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.34),transparent 28%),linear-gradient(135deg,#6be7ff47,#b2ffd92e);color:#f3f8fb;font-size:13px;font-weight:900}.sona-user-card-panel__header>div>span{color:#e2f6ff94;font-size:11px;text-transform:uppercase}.sona-user-card-panel__header h2{margin:2px 0 0;color:#f3f8fb;font-size:15px;line-height:1.2}.sona-user-card-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(194,244,255,.26);border-radius:8px;background:#ffffff14;color:#f3f8fb;cursor:pointer}.sona-user-card-identity{margin:0;color:#e2f6ffa3;font-size:12px;overflow-wrap:anywhere}.sona-user-card-status{margin:-4px 0 0;color:#b2ffd9db;font-size:12px;font-weight:800}.sona-user-card-states{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.sona-user-card-state{padding:6px 8px;border:1px solid rgba(194,244,255,.18);border-radius:8px;background:#ffffff14;color:#f0faffdb;font-size:11px;font-weight:800}.sona-member-rights-panel{position:absolute;right:28px;bottom:28px;z-index:31;display:grid;width:min(320px,calc(100vw - 56px));gap:14px;padding:16px;border:1px solid rgba(194,244,255,.3);border-radius:8px;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.12),transparent 40%),linear-gradient(145deg,#0a1127f0,#030712eb);box-shadow:inset 0 1px #ffffff42,0 24px 54px #00000057;pointer-events:auto}.sona-member-rights-panel[hidden]{display:none}.sona-member-rights-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sona-member-rights-panel__header span{color:#e2f6ff94;font-size:11px;text-transform:uppercase}.sona-member-rights-panel__header h2{margin:2px 0 0;color:#f3f8fb;font-size:15px;line-height:1.2}.sona-member-rights-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(194,244,255,.26);border-radius:8px;background:#ffffff14;color:#f3f8fb;cursor:pointer}.sona-member-rights-form{display:grid;gap:10px}.sona-member-rights-form label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;color:#f0faffdb;font-size:12px;font-weight:760}.sona-member-rights-form input{accent-color:#6be7ff}.sona-member-rights-form button{min-height:34px;border:1px solid rgba(194,244,255,.24);border-radius:8px;background:#6be7ff24;color:#ecfbfff0;font-weight:820;cursor:pointer}.sona-member-rights-form button:disabled{cursor:progress;opacity:.58}.sona-member-rights-status{min-height:16px;margin:0;color:#e2f6ff9e;font-size:12px}.sona-member-rights-status[data-state=error]{color:#ffb4d6f0}.sona-member-rights-status[data-state=success]{color:#b2ffd9e6}.sona-invite-panel{position:absolute;right:28px;bottom:168px;z-index:31;display:grid;gap:12px;width:min(380px,calc(100vw - 56px));padding:16px;border:1px solid rgba(194,244,255,.3);border-radius:8px;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.12),transparent 40%),linear-gradient(145deg,#0a1127f0,#030712eb);box-shadow:inset 0 1px #ffffff42,0 24px 54px #00000057;pointer-events:auto}.sona-invite-panel[hidden]{display:none}.sona-invite-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sona-invite-panel__header span{color:#e2f6ff94;font-size:11px;text-transform:uppercase}.sona-invite-panel__header h2{margin:2px 0 0;color:#f3f8fb;font-size:15px;line-height:1.2}.sona-invite-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(194,244,255,.26);border-radius:8px;background:#ffffff14;color:#f3f8fb;cursor:pointer}.sona-invite-field{display:grid;gap:7px}.sona-invite-field span{color:#e2f6ffa8;font-size:12px;font-weight:760}.sona-invite-field input{width:100%;min-width:0;height:38px;padding:0 10px;overflow:hidden;border:1px solid rgba(194,244,255,.24);border-radius:8px;background:#02050e80;color:#f3f8fb;font:inherit;font-size:12px;text-overflow:ellipsis}.sona-invite-create{min-height:36px;border:1px solid rgba(255,214,134,.36);border-radius:8px;background:#ffbf4324;color:#fff4d6f2;font:inherit;font-size:12px;font-weight:820;cursor:pointer}.sona-invite-create:disabled{cursor:progress;opacity:.6}.sona-invite-status{min-height:16px;margin:0;color:#e2f6ff9e;font-size:12px}.sona-invite-status[data-state=error]{color:#ffb4d6f0}.sona-invite-status[data-state=success]{color:#b2ffd9e6}.sona-dm-panel{position:absolute;left:28px;bottom:28px;z-index:30;display:flex;flex-direction:column;width:min(360px,calc(100vw - 56px));max-height:min(520px,calc(100vh - 180px));overflow:hidden;border:1px solid rgba(194,244,255,.3);border-radius:8px;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.12),transparent 40%),linear-gradient(145deg,#0a1127f0,#030712eb);box-shadow:inset 0 1px #ffffff42,0 24px 54px #00000057;pointer-events:auto}.sona-dm-panel[hidden]{display:none}.sona-dm-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid rgba(194,244,255,.16)}.sona-dm-panel__header span{color:#e2f6ff94;font-size:11px;text-transform:uppercase}.sona-dm-panel__header h2{margin:2px 0 0;color:#f3f8fb;font-size:15px;line-height:1.2}.sona-dm-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(194,244,255,.26);border-radius:8px;background:#ffffff14;color:#f3f8fb;cursor:pointer}.sona-dm-messages{flex:1 1 auto;min-height:90px;margin:0;padding:14px;overflow-y:auto;list-style:none}.sona-dm-message{display:grid;gap:4px;margin:0 0 12px}.sona-dm-message__meta{color:#e2f6ff9e;font-size:11px;font-weight:700}.sona-dm-message__body{margin:0;overflow-wrap:anywhere;color:#f2faffe0;font-size:13px;line-height:1.4}.sona-dm-form{display:grid;gap:8px;padding:12px;border-top:1px solid rgba(194,244,255,.16)}.sona-dm-form__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sona-dm-form__field{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px}.sona-dm-form textarea{width:100%;min-height:42px;max-height:120px;resize:vertical;border:1px solid rgba(194,244,255,.24);border-radius:8px;padding:9px 10px;background:#02050e80;color:#f3f8fb;font:inherit;line-height:1.35}.sona-dm-form button{display:inline-flex;align-items:center;justify-content:center;min-width:0;border:1px solid rgba(194,244,255,.28);border-radius:8px;background:#6be7ff1f;color:#f3f8fb;cursor:pointer}.sona-dm-status{min-height:16px;margin:0;color:#e2f6ff9e;font-size:12px}.sona-dm-status[data-state=error]{color:#ffb4d6f0}.sona-dm-status[data-state=success]{color:#b2ffd9e6}.self-card{position:relative;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0;margin-left:auto;padding:14px 12px 14px 24px;overflow:hidden;border:1px solid var(--glass-border);border-radius:999px;background:radial-gradient(circle at 92% 22%,rgba(107,231,255,.15),transparent 34%),linear-gradient(145deg,var(--glass-fill),rgba(255,255,255,.06)),linear-gradient(145deg,#121f3fbd,#030714b8);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 24px 12px var(--glass-inner-glow),inset 0 0 22px #f0faff14,0 0 28px #6be7ff21,0 14px 34px #00000047;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;pointer-events:auto;transition:opacity .32s ease,transform .52s cubic-bezier(.18,.92,.24,1)}.self-card>*{position:relative;z-index:1}.self-card.is-parked{opacity:.82}.self-copy{min-width:0;text-align:right}.self-avatar{position:relative;order:2;flex:0 0 auto;width:116px;height:116px;margin-right:-4px;padding:0;overflow:hidden;border:1px solid rgba(255,226,196,.7);border-radius:50%;appearance:none;background:radial-gradient(circle at 32% 22%,rgba(255,244,232,.86),transparent 28%),linear-gradient(145deg,var(--glass-fill),rgba(255,255,255,.05)),linear-gradient(145deg,rgba(255,155,47,.52),var(--current-user-orange));box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff1f,inset 0 0 22px 10px #ffffff1f,0 0 0 7px #ff6a0024,0 0 34px #ff7a186b,0 14px 30px #00000047,inset 0 0 22px #ffffff29;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;transition:border-color .36s ease,background .42s ease,box-shadow .42s ease,transform .42s cubic-bezier(.18,.92,.24,1)}.self-avatar:after{position:absolute;inset:28px;border-radius:50%;opacity:0;transform:scale(.72);content:"";background:linear-gradient(#fff,#fff) center / 6px 28px no-repeat,radial-gradient(circle,transparent 43%,rgba(255,255,255,.9) 45% 58%,transparent 60%);transition:opacity .32s ease,transform .42s cubic-bezier(.18,.92,.24,1)}.self-avatar:before{position:absolute;z-index:1;inset:0;display:grid;place-items:center;color:#fffaf5f2;font-family:Material Symbols Rounded,sans-serif;font-size:44px;font-weight:500;letter-spacing:0;text-shadow:0 3px 14px rgba(92,34,0,.28);content:attr(data-icon)}.self-card.is-parked .self-avatar{border-color:#ffe2c4f0;background:radial-gradient(circle at 32% 24%,rgba(255,244,232,.9),transparent 30%),linear-gradient(145deg,#ffffff4d,#ff6a001a),linear-gradient(145deg,var(--current-user-orange-hot),var(--current-user-orange));box-shadow:inset 0 1px #ffffff94,inset 0 -1px #ffffff24,inset 0 0 24px 12px #ffffff29,0 0 0 10px #ff6a0038,0 0 44px #ff7a188f,0 16px 34px #0000004d,inset 0 0 24px #fff3}.self-card.is-parked .self-avatar:hover,.self-card.is-parked .self-avatar:focus-visible{transform:scale(1.06);border-color:#fff4e8fa;box-shadow:inset 0 1px #ffffffa3,inset 0 -1px #ffffff29,inset 0 0 26px 14px #fff3,0 0 0 12px #ff6a0042,0 0 54px #ff7a18a8,0 18px 40px #0000004d,inset 0 0 24px #ffffff38}.self-card.is-parked .self-avatar:not([data-auth-action]):after{opacity:.86;transform:scale(1)}.self-card strong,.self-card span{display:block}.self-card span{margin-top:4px;color:#eaf1f8ad;font-size:18px}.self-card strong{font-size:24px}.self-card[data-auth-state=signed-out] .self-avatar{border-color:#a0ffcbd1;background:radial-gradient(circle at 32% 22%,rgba(242,255,248,.86),transparent 28%),linear-gradient(145deg,#ffffff38,#1fcd7424),linear-gradient(145deg,#52ef9d,#0fae62);box-shadow:inset 0 1px #ffffff94,inset 0 -1px #ffffff29,inset 0 0 22px 10px #ffffff24,0 0 0 7px #2ae88629,0 0 34px #2cdc8070,0 14px 30px #00000047,inset 0 0 22px #ffffff2e}.self-card[data-auth-state=signed-out] .self-avatar:hover,.self-card[data-auth-state=signed-out] .self-avatar:focus-visible{border-color:#dcffecf5;transform:scale(1.05);box-shadow:inset 0 1px #ffffffa3,inset 0 -1px #ffffff29,inset 0 0 24px 12px #ffffff2e,0 0 0 10px #2ae88638,0 0 44px #2cdc8094,0 18px 40px #0000004d,inset 0 0 24px #ffffff38}.self-card[data-auth-state=signed-out] .self-copy strong{color:#deffeffa}.note-panel{position:absolute;right:28px;top:28px;width:min(312px,calc(100vw - 56px));padding:14px 16px;border:1px solid var(--glass-border);border-radius:16px;background:radial-gradient(circle at 28% 0%,rgba(255,255,255,.2),transparent 48%),linear-gradient(145deg,var(--glass-fill),rgba(255,255,255,.06));box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 24px 12px var(--glass-inner-glow);color:#ebf4fbc4;line-height:1.4;-webkit-backdrop-filter:none;backdrop-filter:none;transition:opacity .42s ease,transform .65s cubic-bezier(.18,.92,.24,1)}.brand-logo:before,.self-card:before,.note-panel:before,.space-label:before,.user-details:before{position:absolute;z-index:0;top:0;right:0;left:0;height:1px;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--glass-edge-strong),transparent);content:"";filter:none;pointer-events:none}.brand-logo:after,.self-card:after,.note-panel:after,.space-label:after,.user-details:after{position:absolute;z-index:0;top:0;left:0;width:1px;height:100%;border-radius:inherit;background:linear-gradient(180deg,var(--glass-edge-strong),transparent,var(--glass-edge-soft));content:"";pointer-events:none}.space-cell:before{position:absolute;z-index:0;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 28% 16%,rgba(255,255,255,.48),transparent 22%),radial-gradient(circle at 70% 26%,rgba(255,255,255,.18),transparent 24%),radial-gradient(circle at 50% 50%,transparent 58%,rgba(255,255,255,.2) 68%,transparent 78%),radial-gradient(circle at 54% 68%,rgba(255,255,255,.11),transparent 46%);content:"";filter:none;opacity:.24;pointer-events:none}.space-cell:after{position:absolute;z-index:0;inset:2px;border-radius:inherit;background:radial-gradient(ellipse at 31% 21%,rgba(255,255,255,.34),transparent 32%),radial-gradient(circle at 74% 78%,rgba(255,255,255,.12),transparent 38%),radial-gradient(circle at 50% 50%,transparent 58%,rgba(255,255,255,.3) 68%,transparent 78%);box-shadow:none;content:"";opacity:0;pointer-events:none}.user-bubble:before{position:absolute;z-index:0;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.62),transparent 24%),radial-gradient(circle at 66% 28%,rgba(217,250,255,.18),transparent 28%),radial-gradient(circle at 50% 50%,transparent 58%,rgba(255,255,255,.2) 70%,transparent 82%);content:"";filter:none;opacity:.72;pointer-events:none}.user-bubble:after{position:absolute;z-index:0;inset:2px;border-radius:inherit;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.24),transparent 28%),radial-gradient(circle at 68% 76%,rgba(120,230,255,.12),transparent 36%),radial-gradient(circle at 50% 50%,transparent 62%,rgba(255,255,255,.18) 72%,transparent 82%);box-shadow:inset 0 0 0 1px #ffffff2e,inset 7px 9px 18px #ffffff29,inset -9px -11px 22px #00000029;content:"";opacity:0;pointer-events:none}.note-panel p{margin:0}.note-panel p+p{margin-top:6px}.spaces{position:absolute;left:var(--sona-space-center-x, 50%);top:var(--sona-space-center-y, 50%);width:var(--spaces-width, var(--spaces-size));height:var(--spaces-height, var(--spaces-size));transform:translate(-50%,-50%) scale(var(--sona-layout-scale, 1));transform-origin:center center;transition:top .72s cubic-bezier(.16,.96,.18,1),width .72s cubic-bezier(.16,.96,.18,1),height .72s cubic-bezier(.16,.96,.18,1),transform .72s cubic-bezier(.16,.96,.18,1)}.stage[data-chat-placement=right] .spaces,.stage[data-chat-placement=left] .spaces,.stage[data-chat-placement=bottom] .spaces{left:var(--sona-space-center-x, 50%);top:var(--sona-space-center-y, 50%)}.create-space-bubble{position:fixed;--sona-corner-action-size: var(--space-size, 104px);z-index:32;left:var(--sona-stage-padding, 28px);top:auto;bottom:var(--sona-stage-padding, 28px);display:grid;width:var(--sona-corner-action-size);height:var(--sona-corner-action-size);padding:0;transform:none;place-items:center;border:1px solid rgba(194,244,255,.7);border-radius:50%;appearance:none;background:radial-gradient(circle at 31% 18%,rgba(255,255,255,.62),transparent 26%),radial-gradient(circle at 58% 64%,rgba(107,231,255,.22),transparent 58%),radial-gradient(circle at 78% 82%,rgba(141,115,255,.26),transparent 50%),linear-gradient(180deg,#f0fcff47,#4970d22e 54%,#0d183661);box-shadow:inset 0 1px 3px #ffffffad,inset 0 -1px 4px #ffffff24,inset 9px 11px 26px #ffffff24,inset -12px -14px 28px #0000002e,inset 0 0 22px #d2f8ff24,0 0 26px #6be7ff42,0 14px 30px #00000047;color:#f2fafff5;cursor:pointer;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;outline:none;transition:width .82s cubic-bezier(.16,.96,.18,1),height .82s cubic-bezier(.16,.96,.18,1),border-color .42s ease,box-shadow .52s ease,filter .42s ease,transform .82s cubic-bezier(.16,.96,.18,1)}.create-space-bubble:before{position:absolute;z-index:0;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.58),transparent 25%),radial-gradient(circle at 68% 30%,rgba(217,250,255,.18),transparent 28%),radial-gradient(circle at 50% 50%,transparent 58%,rgba(255,255,255,.18) 70%,transparent 82%);content:"";filter:none;opacity:.72;pointer-events:none}.create-space-bubble:after{position:absolute;z-index:0;inset:3px;border-radius:inherit;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.24),transparent 28%),radial-gradient(circle at 68% 76%,rgba(141,115,255,.14),transparent 36%),radial-gradient(circle at 50% 50%,transparent 62%,rgba(255,255,255,.16) 72%,transparent 82%);box-shadow:inset 0 0 0 1px #ffffff2e,inset 8px 10px 20px #ffffff24,inset -10px -12px 24px #00000029;content:"";pointer-events:none}.create-space-bubble .material-symbols-rounded{position:relative;z-index:1;font-size:44px;line-height:1;text-shadow:0 0 18px rgba(107,231,255,.46)}.create-space-bubble:hover,.create-space-bubble:focus-visible{border-color:#defaffe6;box-shadow:inset 0 1px 3px #ffffffbd,inset 0 -1px 4px #ffffff29,inset 10px 12px 28px #ffffff2e,inset -12px -14px 30px #00000029,0 0 0 8px #8d73ff1f,0 0 42px #6be7ff6b,0 18px 36px #0000004d;filter:saturate(1.16) brightness(1.08)}.stage.is-focus-view .create-space-bubble{opacity:0;pointer-events:none}.create-space-dialog{position:fixed;z-index:70;left:var(--dialog-left, 50%);top:var(--dialog-top, 50%);display:grid;gap:8px;width:min(326px,calc(100vw - 42px));padding:10px;transform:translate(-50%);border:1px solid rgba(255,255,255,.28);border-radius:30px;background:radial-gradient(circle at 28% 0%,rgba(255,255,255,.26),transparent 48%),linear-gradient(145deg,#ffffff38,#ffffff12),linear-gradient(145deg,#0e193ae0,#040815e6);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff7a,inset 0 -1px #ffffff1a,inset 0 0 22px 10px var(--glass-inner-glow),0 0 28px #6be7ff2e,0 18px 38px #00000057;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate}.create-space-dialog[hidden]{display:none}.create-space-dialog input,.create-space-dialog button{position:relative;z-index:1;display:block;width:100%;height:48px;padding:0 18px;border:1px solid rgba(215,250,255,.34);border-radius:999px;outline:none;background:radial-gradient(circle at 30% 0%,rgba(255,255,255,.18),transparent 45%),#04091894;box-shadow:inset 0 1px #ffffff52,inset 0 -1px #ffffff14,inset 0 0 18px #ffffff14;color:#f5fafff5;font:inherit;font-size:16px;letter-spacing:0}.create-space-dialog button{border-color:#ffdaae94;background:radial-gradient(circle at 30% 0%,rgba(255,255,255,.22),transparent 45%),linear-gradient(145deg,#ffa542d1,#ff6a00cc);color:#fffaf5f5;font-weight:760;cursor:pointer}.create-space-dialog button.is-danger{border-color:#ff9c9c9e;background:radial-gradient(circle at 30% 0%,rgba(255,255,255,.2),transparent 45%),linear-gradient(145deg,#d43e4bdb,#80172ad6)}.create-space-dialog button:disabled{cursor:wait;opacity:.58}.create-space-status{position:relative;z-index:1;min-height:18px;margin:0;padding:0 10px;color:#eef8ffbd;font-size:12px;line-height:1.25}.create-space-dialog input::placeholder{color:#eaf1f88a}.create-space-dialog input:focus{border-color:#c2f4ffc7;box-shadow:inset 0 1px #ffffff61,inset 0 -1px #ffffff1a,inset 0 0 20px #ffffff1a,0 0 0 4px #6be7ff1f}.create-space-dialog.is-invalid input{border-color:#ff84bec2;animation:create-space-invalid .26s ease}.stage.is-focus-view .spaces{position:fixed;top:var(--sona-space-center-y, 50%);transform:translate(-50%,-50%);transform-origin:center center}.space{position:absolute;z-index:1;left:calc(50% + var(--space-x));top:calc(50% + var(--space-y));width:var(--space-width, var(--space-size));height:var(--space-height, var(--space-size));--space-label-top-from-bottom: 44px;--space-glass-highlight: rgba(244, 250, 255, .48);--space-glass-tint: rgba(107, 231, 255, .09);--space-glow: rgba(107, 231, 255, .24);--space-rim: rgba(194, 244, 255, .52);transform:translate(-50%,-50%);cursor:pointer;outline:none;transition:left .82s cubic-bezier(.16,.96,.18,1),top .82s cubic-bezier(.16,.96,.18,1),width .82s cubic-bezier(.16,.96,.18,1),height .82s cubic-bezier(.16,.96,.18,1),opacity .42s ease,filter .52s ease,transform .82s cubic-bezier(.16,.96,.18,1)}.stage.is-focus-view .self-card{visibility:hidden;opacity:0;pointer-events:none;transform:scale(.86)}.stage.is-focus-view .note-panel{opacity:0;pointer-events:none;transform:translateY(-18px)}.stage.is-focus-view .space{opacity:.12;filter:saturate(.58) blur(.4px);pointer-events:none}.stage.is-focus-view .space.is-active{z-index:30;left:50%;top:50%;width:min(var(--focus-space-width, 920px),calc(var(--sona-safe-width, 100vw) - 16px));height:min(var(--focus-space-height, 540px),calc(var(--sona-safe-height, 100vh) - 16px));opacity:1;filter:none;pointer-events:auto;transform:translate(-50%,-50%);transition:left .82s cubic-bezier(.16,.96,.18,1),top .82s cubic-bezier(.16,.96,.18,1),width .82s cubic-bezier(.16,.96,.18,1),height .82s cubic-bezier(.16,.96,.18,1),opacity .42s ease,filter .52s ease,transform .82s cubic-bezier(.16,.96,.18,1)}.space:focus-visible .space-cell{border-color:var(--space-rim);box-shadow:inset 0 0 28px #ffffff2e,0 0 0 7px #8d73ff24,0 0 38px var(--space-glow),0 18px 38px #00000038}.space.is-empty{transition:left .82s cubic-bezier(.16,.96,.18,1),top .82s cubic-bezier(.16,.96,.18,1),opacity .42s ease,filter .52s ease,transform .82s cubic-bezier(.16,.96,.18,1)}.space.is-empty .space-cell{transition:border-color .42s ease,box-shadow .65s ease,background .65s ease}.spaces.has-active .space.is-dimmed{opacity:.46;filter:saturate(.72) blur(.2px)}.spaces.has-active .space.is-dimmed .space-cell{border-color:#ffffff2e;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.3),transparent 31%),linear-gradient(145deg,#ffffff1f,#ffffff0a),linear-gradient(145deg,#6be7ff14,#8d73ff0d);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #ffffff14,inset 0 0 24px 10px #ffffff14,0 0 18px #6be7ff1f,0 18px 38px #0003}.space.is-active{z-index:8}.space-cell{position:relative;isolation:isolate;width:var(--space-width, var(--space-size));height:var(--space-height, var(--space-size));overflow:hidden;border:1px solid var(--space-rim);border-radius:50%;background:radial-gradient(circle at 30% 18%,var(--space-glass-highlight),transparent 24%),radial-gradient(circle at 52% 58%,var(--space-glass-tint),transparent 72%),radial-gradient(circle at 78% 84%,var(--space-glow),transparent 54%),linear-gradient(180deg,#ffffff38,#ffffff14 46%,#00000024);box-shadow:inset 0 1px 3px #ffffff7a,inset 0 -1px 3px #ffffff14,inset 0 0 16px #ffffff14,0 0 18px var(--space-glow),0 10px 22px #00000038;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;animation:none;transition:width 1.18s cubic-bezier(.22,.64,.26,1),height 1.18s cubic-bezier(.22,.64,.26,1),border-color .42s ease,box-shadow .65s ease,background .65s ease}.stage:not(.is-focus-view) .space-cell{overflow:visible;border-radius:30px;background:radial-gradient(circle at 26% 0%,rgba(255,255,255,.16),transparent 34%),radial-gradient(circle at 50% 100%,var(--space-glow),transparent 68%),linear-gradient(145deg,#1a2842d1,#070d1ec2);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #ffffff14,0 0 0 1px #c2f4ff0f,0 18px 42px #00000047,0 0 22px color-mix(in srgb,var(--space-glow) 42%,transparent)}.stage:not(.is-focus-view) .space-cell:before{inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent),radial-gradient(circle at 50% 50%,transparent 52%,rgba(255,255,255,.08) 100%);opacity:.34}.stage:not(.is-focus-view) .space-cell:after{opacity:0}.stage:not(.is-focus-view) .space.is-lobby .space-cell{border-color:#ffbe6094;box-shadow:inset 0 1px #ffffff52,inset 0 -1px #ffffff17,0 0 0 1px #ffbf5c1f,0 20px 48px #0000004d,0 0 32px #ff912d3d}.stage.is-focus-view .space.is-active .space-cell{width:min(var(--focus-space-width, 920px),calc(var(--sona-safe-width, 100vw) - 16px));height:min(var(--focus-space-height, 540px),calc(var(--sona-safe-height, 100vh) - 16px));overflow:visible;pointer-events:none;border-width:1px;border-radius:36px;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.16),transparent 28%),radial-gradient(circle at 78% 42%,rgba(107,231,255,.08),transparent 58%),linear-gradient(180deg,#182537f2,#070d19f0);background-size:124% 124%,100% 100%,100% 100%;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #ffffff14,0 0 0 1px #c2f4ff0f,0 24px 70px #0000005c,0 0 46px #6be7ff1a;backface-visibility:hidden;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none;will-change:width,height;transition:border-color .42s ease,box-shadow .65s ease,background .65s ease}.space.is-active .space-cell{border-color:var(--space-rim);background:radial-gradient(circle at 30% 18%,var(--space-glass-highlight),transparent 24%),radial-gradient(circle at 54% 58%,var(--space-glass-tint),transparent 70%),radial-gradient(circle at 76% 82%,var(--space-glow),transparent 52%),linear-gradient(180deg,#ffffff40,#ffffff17 48%,#00000024);box-shadow:inset 0 1px 3px #ffffff80,inset 0 -1px 3px #ffffff1a,inset 0 0 18px #ffffff1a,0 0 22px var(--space-glow),0 10px 22px #00000038}.spaces.has-active .space:not(.is-active):hover .space-cell{border-color:#c2f4ffd1;background:radial-gradient(circle at 29% 17%,rgba(255,255,255,.68),transparent 25%),radial-gradient(circle at 54% 58%,var(--space-glass-tint),transparent 70%),radial-gradient(circle at 74% 80%,var(--space-glow),transparent 50%),linear-gradient(180deg,#ffffff47,#ffffff1a 48%,#0000001f);box-shadow:0 8px 32px #0000001a,inset 0 2px 5px #ffffffb8,inset 0 -2px 6px #ffffff29,inset 0 0 32px 16px #ffffff29,inset 22px 24px 56px #ffffff26,inset -24px -28px 58px #00000029,inset 0 -24px 46px var(--space-glow),0 0 0 7px #8d73ff24,0 0 40px #6be7ff4d,0 26px 58px #00000042}.spaces.has-active .space:not(.is-active):focus-visible .space-cell{border-color:#c2f4ffd1;box-shadow:inset 0 0 34px #fff3,inset 0 -20px 34px #6be7ff29,0 0 0 7px #8d73ff24,0 0 40px #6be7ff4d,0 26px 58px #00000042}.spaces.has-active .space:not(.is-active):hover .space-label{border-color:#c2f4ff85;background:radial-gradient(circle at 28% 0%,rgba(107,231,255,.24),transparent 48%),linear-gradient(145deg,#ffffff42,#ffffff14),linear-gradient(145deg,#131f40f5,#050917eb);box-shadow:inset 0 1px #ffffff85,inset 0 -1px #ffffff1f,inset 0 0 24px 12px #ffffff21,0 0 22px #6be7ff42,0 16px 30px #0000005c}.spaces.has-active .space:not(.is-active):focus-visible .space-label{border-color:#c2f4ff85;background:radial-gradient(circle at 28% 0%,rgba(107,231,255,.24),transparent 48%),linear-gradient(145deg,#ffffff42,#ffffff14),linear-gradient(145deg,#131f40f5,#050917eb);box-shadow:inset 0 1px #ffffff85,inset 0 -1px #ffffff1f,inset 0 0 24px 12px #ffffff21,0 0 22px #6be7ff42,0 16px 30px #0000005c}.space.rank-1 .space-cell{--space-glass-highlight: rgba(255, 240, 180, .82);--space-glass-tint: rgba(255, 185, 42, .42);--space-glow: rgba(255, 183, 46, .64);--space-rim: rgba(255, 211, 100, .82)}.space.rank-2 .space-cell{--space-glass-highlight: rgba(226, 211, 255, .78);--space-glass-tint: rgba(158, 104, 255, .4);--space-glow: rgba(166, 111, 255, .58);--space-rim: rgba(196, 166, 255, .78);animation-delay:-.8s}.space.rank-3 .space-cell{--space-glass-highlight: rgba(210, 255, 229, .76);--space-glass-tint: rgba(58, 223, 132, .36);--space-glow: rgba(64, 235, 145, .54);--space-rim: rgba(135, 255, 189, .74);animation-delay:-1.5s}.space.rank-4 .space-cell{--space-glass-highlight: rgba(252, 255, 196, .74);--space-glass-tint: rgba(244, 255, 66, .34);--space-glow: rgba(244, 255, 94, .48);--space-rim: rgba(248, 255, 142, .7);animation-delay:-2.1s}.space.rank-5 .space-cell{--space-glass-highlight: rgba(214, 239, 255, .74);--space-glass-tint: rgba(61, 163, 255, .38);--space-glow: rgba(75, 183, 255, .52);--space-rim: rgba(142, 210, 255, .72);animation-delay:-2.8s}.space.rank-6 .space-cell{--space-glass-highlight: rgba(255, 255, 255, .76);--space-glass-tint: rgba(235, 246, 255, .3);--space-glow: rgba(247, 251, 255, .44);--space-rim: rgba(247, 251, 255, .72);animation-delay:-3.4s}.space.is-active .space-cell{--space-glass-highlight: rgba(232, 249, 255, .72);--space-glass-tint: rgba(107, 231, 255, .16);--space-glow: rgba(255, 145, 45, .24);--space-rim: rgba(255, 174, 88, .58);background:radial-gradient(circle at 30% 18%,rgba(236,249,255,.48),transparent 24%),radial-gradient(circle at 54% 58%,rgba(107,231,255,.12),transparent 70%),radial-gradient(circle at 76% 82%,rgba(255,145,45,.18),transparent 52%),linear-gradient(180deg,#ffffff2e,#19345029 48%,#0208123d);box-shadow:inset 0 1px 3px #ffffff8a,inset 0 -1px 3px #ffffff1a,inset 0 0 18px #6be7ff14,0 0 26px var(--current-space-glow),0 10px 22px #00000038;-webkit-backdrop-filter:none;backdrop-filter:none}.user-bubble{position:absolute;z-index:3;left:calc(50% + var(--bubble-x));top:calc(50% + var(--bubble-y));display:grid;width:var(--bubble-size);height:var(--bubble-size);overflow:hidden;transform:translate(-50%,-50%);place-items:center;border:1px solid rgba(215,250,255,.76);border-radius:50%;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.82),transparent 25%),radial-gradient(circle at 54% 60%,rgba(105,220,255,.42),transparent 58%),radial-gradient(circle at 76% 82%,rgba(72,141,255,.22),transparent 48%),linear-gradient(180deg,#effcff7a,#57b2e642 54%,#16305242);box-shadow:inset 0 1px 2px #ffffff80,inset 0 -1px 3px #ffffff1a,inset 0 0 12px #d2f8ff1f,0 0 12px #7ae2ff3d,0 6px 14px #0003;color:#f4f9fff0;font-size:20px;font-weight:790;letter-spacing:0;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;transition:opacity .36s ease,background .52s ease,box-shadow .42s ease,filter .42s ease,width 1.04s cubic-bezier(.18,.72,.22,1),height 1.04s cubic-bezier(.18,.72,.22,1),border-radius .76s cubic-bezier(.12,.88,.16,1),left 1.04s cubic-bezier(.18,.72,.22,1),top 1.04s cubic-bezier(.18,.72,.22,1)}.stage:not(.is-focus-view) .space .user-bubble{z-index:var(--bubble-stack-index, 9);border-color:#d7faff75;background:radial-gradient(circle at 32% 18%,rgba(255,255,255,.52),transparent 28%),linear-gradient(145deg,#22324deb,#0a1224e0);box-shadow:inset 0 1px #ffffff52,inset 0 -1px #ffffff14,0 0 0 2px #050a17b8,0 6px 14px #0000003d;font-size:12px}.stage:not(.is-focus-view) .space .user-bubble.is-overflow{border-color:#ffbe6070;background:radial-gradient(circle at 30% 16%,rgba(255,255,255,.42),transparent 30%),linear-gradient(145deg,#5c3a1ee6,#14121fe0);color:#ffe7c4f5;cursor:help;pointer-events:auto}.user-bubble.is-overflow .overflow-tooltip{position:absolute;z-index:18;left:50%;bottom:calc(100% + 10px);display:block;width:max-content;max-width:min(260px,calc(100vw - 48px));padding:8px 10px;border:1px solid rgba(214,244,255,.18);border-radius:10px;background:#080d19f5;box-shadow:inset 0 1px #ffffff14,0 14px 32px #00000061;color:#effafff0;font-size:12px;font-weight:650;line-height:1.35;opacity:0;overflow-wrap:anywhere;pointer-events:none;text-align:left;transform:translate(-50%,6px);transition:opacity .14s ease,transform .14s ease}.user-bubble.is-overflow:hover,.user-bubble.is-overflow:focus-visible{overflow:visible}.user-bubble.is-overflow:hover .overflow-tooltip,.user-bubble.is-overflow:focus-visible .overflow-tooltip{opacity:1;transform:translate(-50%)}.stage.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble.is-overflow{cursor:help;overflow:visible}.stage:not(.is-focus-view) .space .user-bubble.is-overflow:before,.stage:not(.is-focus-view) .space .user-bubble.is-overflow:after{opacity:.18}.user-bubble.has-camera{border-radius:28px;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.76),transparent 30%),radial-gradient(circle at 72% 78%,rgba(141,115,255,.28),transparent 42%),linear-gradient(180deg,#f5fcff6b,#6bc2ff3d 55%,#18345f47);box-shadow:inset 0 1px 3px #ffffffa8,inset 0 -1px 4px #ffffff1f,inset 8px 10px 24px #ffffff24,inset -10px -12px 26px #0000002e,inset 0 0 22px #fff3,0 0 22px #6f9cff4d,0 8px 18px #00000038}.stage.is-focus-view .space.is-active .user-bubble{left:calc(50% + var(--focus-bubble-x, var(--bubble-x)));top:calc(50% + var(--focus-bubble-y, var(--bubble-y)));width:var(--focus-user-tile-size, 148px);height:var(--focus-user-tile-size, 148px);overflow:visible;pointer-events:auto;border-width:1px;border-radius:28px}.stage.is-focus-view .space.is-active .user-bubble.has-camera{width:var(--focus-user-tile-size, 148px);height:var(--focus-user-tile-size, 148px);border-radius:28px}.stage.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble{display:grid;place-items:center;overflow:hidden;border-color:#c6f2ff47;background:radial-gradient(circle at 32% 0%,rgba(255,255,255,.18),transparent 42%),linear-gradient(145deg,#1d2b3ef0,#070d18e0);box-shadow:inset 0 1px #ffffff57,inset 0 -1px #ffffff14,0 0 0 1px #c2f4ff0f,0 16px 34px #00000052;filter:none}.stage.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble.is-current-user{border-color:#ffb45c6b;background:radial-gradient(circle at 32% 0%,rgba(255,239,219,.18),transparent 42%),linear-gradient(145deg,#2c2723f0,#0e1016e6);box-shadow:inset 0 1px #ffffff5c,inset 0 -1px #ffffff14,0 0 0 1px #ffb45c14,0 16px 34px #00000052}.stage.has-screen-share.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble{z-index:8;top:calc(50% + var(--focus-bubble-y, var(--bubble-y)) - clamp(40px,8vh,64px));width:clamp(76px,calc(var(--focus-space-size, 720px) * .12),88px);height:clamp(76px,calc(var(--focus-space-size, 720px) * .12),88px);border-radius:24px}.user-bubble.is-entering{opacity:0;transform:translate(-50%,-50%) scale(.24)}.user-bubble.is-newcomer{background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.88),transparent 29%),radial-gradient(circle at 72% 78%,rgba(141,115,255,.36),transparent 42%),linear-gradient(145deg,#ffffff4d,#ffffff14),linear-gradient(145deg,#6be7ffb8,#704eff85);box-shadow:inset 0 1px #fff9,inset 0 -1px #ffffff24,inset 0 0 24px 12px #ffffff2e,inset 0 0 18px #ffffff47,0 0 36px #6be7ff94,0 0 22px #8d73ff5c,0 10px 22px #00000042}.user-bubble.is-voice-active{border-color:#66ffb7c7;box-shadow:inset 0 1px 2px #ffffff80,inset 0 -1px 3px #ffffff1a,0 0 0 4px #50ffaa1f,0 0 24px #50ffaa47,0 12px 28px #00000047}.user-bubble.is-current-user{z-index:8;border-color:#ffb45ca3;background:radial-gradient(circle at 30% 20%,rgba(255,244,232,.74),transparent 27%),radial-gradient(circle at 72% 82%,rgba(255,172,68,.34),transparent 46%),linear-gradient(180deg,#fff8f047,#ff972a38 54%,#4c2a1261);box-shadow:inset 0 1px 3px #ffffffc2,inset 0 -1px 4px #fff3,inset 8px 10px 26px #ffead833,inset -10px -12px 28px #6f24002e,inset 0 0 24px #ffffff3d,0 0 0 8px #ff912d1a,0 0 24px #ff912d38,0 0 18px #6be7ff24,0 12px 26px #00000052;color:#fffcf8fa;filter:saturate(1.42) brightness(1.16)}.space.is-active .user-bubble{box-shadow:0 8px 32px #0000001a,inset 0 1px 3px #ffffffad,inset 0 -1px 4px #ffffff24,inset 8px 10px 24px #ffffff24,inset -10px -12px 26px #081c372e,inset 0 0 20px #d2f8ff38,0 0 24px #7ae2ff66,0 10px 20px #0000003d}.spaces.has-active .space:not(.is-active):hover .user-bubble,.spaces.has-active .space:not(.is-active):focus-visible .user-bubble{border-color:#ffffff75;box-shadow:0 8px 32px #0000001a,inset 0 1px 3px #ffffffb3,inset 0 -1px 4px #ffffff24,inset 8px 10px 24px #ffffff29,inset -10px -12px 26px #00000024,inset 0 0 22px #fff3,0 0 24px #6be7ff52,0 10px 20px #0000003d;filter:saturate(1.16) brightness(1.06)}.space.is-active .user-bubble.is-current-user{box-shadow:inset 0 1px 3px #ffffffc2,inset 0 -1px 4px #fff3,inset 8px 10px 26px #ffead833,inset -10px -12px 28px #6f24002e,inset 0 0 24px #ffffff3d,0 0 0 8px #ff912d1a,0 0 24px #ff912d38,0 0 18px #6be7ff24,0 12px 26px #00000052}.stage.is-focus-view .space.is-active .user-bubble.is-current-user{z-index:7;border-color:#ffb45cad;background:radial-gradient(circle at 30% 20%,rgba(255,248,240,.7),transparent 29%),radial-gradient(circle at 76% 80%,rgba(255,177,74,.34),transparent 44%),linear-gradient(180deg,#fff8f042,#ff972a33 54%,#46240e5c);box-shadow:inset 0 1px 3px #ffffffc7,inset 0 -1px 4px #fff3,inset 9px 12px 28px #ffead838,inset -11px -13px 30px #6f24002e,inset 0 0 26px #ffffff42,0 0 0 8px #ff912d1f,0 0 28px #ff912d38,0 0 24px #6be7ff29,0 14px 30px #00000052;filter:saturate(1.45) brightness(1.18)}.bubble-initials{position:relative;z-index:2;display:block;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.28)}.stage.is-focus-view .space.is-active .bubble-initials{font-size:28px}.stage.is-focus-view:not(.is-video-focus) .space.is-active .bubble-initials{position:absolute;top:42%;left:50%;font-size:clamp(22px,calc(var(--focus-user-tile-size, 148px) * .24),34px);transform:translate(-50%,-50%)}.camera-preview{position:absolute;z-index:1;inset:8px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:radial-gradient(circle at 30% 16%,rgba(255,255,255,.32),transparent 34%),linear-gradient(145deg,#ffffff29,#ffffff0a),linear-gradient(145deg,#58cfff57,#122b4666);box-shadow:inset 0 1px #fff6,inset 0 -1px #ffffff14,inset 0 0 18px #ffffff24,inset 0 0 18px #ffffff29,0 0 18px #5cd5ff29;color:#e9faffa8;opacity:0;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none}.camera-preview:before{position:absolute;width:34px;height:22px;border:1px solid rgba(237,252,255,.26);border-radius:9px;background:radial-gradient(circle at 34% 36%,rgba(237,252,255,.5),transparent 18%),#edfcff1f;box-shadow:inset 0 0 10px #ffffff29,0 0 12px #5bd7ff2e;content:""}.camera-preview:after{position:absolute;right:15px;width:10px;height:16px;border-radius:4px 8px 8px 4px;background:#edfcff38;box-shadow:0 0 8px #5bd7ff2e;content:""}.camera-preview video{position:relative;z-index:2;width:100%;height:100%;border-radius:20px;object-fit:cover;transform:translateZ(0)}.camera-preview:has(video):before,.camera-preview:has(video):after{display:none}.user-bubble.has-camera .camera-preview{opacity:.68}.stage.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble.has-camera .camera-preview{inset:auto;top:clamp(10px,calc(var(--focus-user-tile-size, 148px) * .1),16px);left:50%;width:clamp(42px,calc(var(--focus-user-tile-size, 148px) * .52),82px);height:clamp(42px,calc(var(--focus-user-tile-size, 148px) * .52),82px);opacity:1;overflow:hidden;border-color:#dcfaff33;border-radius:50%;box-shadow:inset 0 1px #ffffff57,0 0 0 1px #060c1661,0 10px 22px #00000038;transform:translate(-50%)}.stage.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble.has-camera .camera-preview video{border-radius:50%}.stage.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble.has-camera .bubble-initials{opacity:0}.space-screen-tile{position:absolute;z-index:2;left:var(--screen-tile-left, 50%);top:var(--screen-tile-top, 50%);display:none;width:var(--screen-tile-width, min(76%, 920px));aspect-ratio:16 / 9;overflow:hidden;transform:translate(-50%,-50%);border:1px solid rgba(230,250,255,.28);border-radius:24px;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.12),transparent 40%),#030712e0;box-shadow:inset 0 1px #ffffff47,0 0 42px #6be7ff24,0 22px 44px #0000006b;place-items:center}.stage.is-focus-view .space.is-active .space-screen-tile,.stage.is-video-focus .space.is-active .space-screen-tile.is-video-focused{display:grid}.stage.has-screen-share.is-focus-view .space.is-active .space-screen-tile{z-index:6;width:var( --screen-tile-width, min( 66vw, 1120px, calc(var(--sona-safe-width, 100vw) - 56px), calc((var(--sona-space-center-x, 50vw) - 28px) * 2), calc((100vw - var(--sona-space-center-x, 50vw) - 28px) * 2) ) );border-radius:28px;border-color:#c2f4ff57;background:radial-gradient(circle at 20% 0%,rgba(107,231,255,.1),transparent 42%),#030813eb;box-shadow:inset 0 1px #ffffff3d,0 0 0 1px #c2f4ff14,0 30px 80px #0000006b,0 0 48px #6be7ff1f}.space-screen-tile video{width:100%;height:100%;object-fit:contain;background:#030711}.space-screen-label{position:absolute;left:14px;top:14px;bottom:auto;max-width:calc(100% - 28px);padding:7px 11px;overflow:hidden;border-radius:9px;background:#050b19bd;color:#f4faffe0;font-size:12px;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.stage.has-screen-share.is-focus-view .space-screen-label:after{display:inline-flex;margin-left:9px;padding:2px 7px;border-radius:999px;background:#4affab29;color:#84ffc3f0;content:"LIVE";font-size:10px;font-weight:820;vertical-align:1px}.stage.is-video-focus .space.is-active .space-screen-tile.is-video-focused{z-index:9;width:var(--video-tile-width);height:var(--video-tile-height);aspect-ratio:auto;border-radius:34px;cursor:default;transition:opacity .32s ease,background .42s ease,box-shadow .42s ease,filter .42s ease,width .9s cubic-bezier(.18,.72,.22,1),height .9s cubic-bezier(.18,.72,.22,1),border-radius .72s cubic-bezier(.12,.88,.16,1);will-change:width,height}.stage.has-screen-share .space.is-active .space-cell{background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.26),transparent 24%),radial-gradient(circle at 54% 58%,rgba(107,231,255,.06),transparent 70%),linear-gradient(180deg,#ffffff21,#04081247)}.stage.has-screen-share.is-focus-view .space.is-active .user-bubble.is-active-screen-share{z-index:7}.video-zoom-indicator{position:absolute;z-index:6;left:50%;top:12px;width:min(236px,calc(100% - 48px));height:9px;overflow:hidden;border:1px solid rgba(221,248,255,.38);border-radius:999px;background:linear-gradient(145deg,#ffffff29,#ffffff0a),#070f1680;box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #ffffff14,0 0 16px #4ccbff29,inset 0 0 10px #ffffff14;opacity:0;pointer-events:none;transform:translate(-50%);-webkit-backdrop-filter:none;backdrop-filter:none;transition:opacity .26s ease}.video-zoom-fill{position:absolute;left:50%;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:inherit;background:linear-gradient(90deg,#5fd7ff47,#eafcffe0,#5fd7ff47);box-shadow:0 0 14px #78dcff6b;transform:translate(-50%) scaleX(var(--video-zoom-progress, 0));transform-origin:center}.stage.is-video-focus .space.is-active .space-screen-tile.is-video-focused .video-zoom-indicator{opacity:1}.space-screen-tile.is-video-zoom-limit .video-zoom-indicator{animation:video-zoom-limit-pulse .42s ease}.space-screen-tile.is-video-exit-warning{animation:video-exit-warning-pulse .42s ease}.user-details{position:absolute;z-index:4;left:50%;top:calc(100% + 9px);display:inline-grid;grid-template-columns:auto minmax(min-content,max-content) auto;align-items:center;justify-content:center;justify-items:center;column-gap:8px;width:max-content;max-width:min(272px,calc(var(--focus-space-size, var(--space-size)) * .38));padding:8px 10px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:radial-gradient(circle at 28% 0%,rgba(255,255,255,.2),transparent 48%),linear-gradient(145deg,var(--glass-fill),rgba(255,255,255,.06)),linear-gradient(145deg,#16222df0,#080e14db);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 24px 12px var(--glass-inner-glow),0 0 18px #53eeb124,0 14px 30px #00000057;opacity:0;pointer-events:none;transform:translate(-50%,-4px);-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;transition:opacity .32s ease,transform .42s cubic-bezier(.18,.92,.24,1)}.stage.is-focus-view .space.is-active .user-details{opacity:1;transform:translate(-50%)}.stage.is-focus-view:not(.is-video-focus) .space.is-active .user-details{inset:auto 8px 8px;grid-template-columns:22px minmax(0,1fr) 22px;gap:5px;width:auto;max-width:none;min-height:34px;padding:5px 6px;border-color:#c2f4ff1f;border-radius:15px;background:linear-gradient(180deg,#08101d33,#050a139e),#080e1994;box-shadow:inset 0 1px #ffffff1a,0 8px 18px #00000038;transform:none}.user-name{position:relative;z-index:1;color:#f7fdfffa;font-size:13px;font-weight:740;line-height:1.12;min-width:0;max-width:100%;overflow-wrap:anywhere;text-align:center;white-space:normal}.stage.is-focus-view:not(.is-video-focus) .space.is-active .user-name{font-size:clamp(11px,calc(var(--focus-user-tile-size, 148px) * .095),14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-actions{position:absolute;z-index:5;left:50%;bottom:calc(100% + 10px);display:flex;gap:6px;width:max-content;padding:7px;overflow:visible;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:radial-gradient(circle at 28% 0%,rgba(255,255,255,.22),transparent 48%),linear-gradient(145deg,var(--glass-fill),rgba(255,255,255,.06)),linear-gradient(145deg,#16222df5,#070d13e0);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 24px 12px var(--glass-inner-glow),0 0 16px #78dcff24,0 16px 32px #00000057;opacity:0;pointer-events:none;transform:translate(-50%,-6px);-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;transition:opacity .24s ease,transform .32s cubic-bezier(.18,.92,.24,1)}.bubble-indicators{position:absolute;z-index:3;left:50%;bottom:9px;display:flex;gap:5px;justify-content:center;opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity .28s ease}.stage.is-focus-view .space.is-active .bubble-indicators{opacity:0;animation:none}.status-icon{display:grid;width:18px;height:18px;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:#ffffff14;color:#defff294;font-size:13px;line-height:1;box-shadow:0 0 8px #72ffc729}.status-icon.is-off{border-color:#ff9da94d;background:#ff5f7829;color:#ffd5dbeb;box-shadow:0 0 10px #ff5f7838}.nameplate-status{position:relative;z-index:1;width:22px;height:22px;font-size:14px;opacity:.86}.nameplate-status.is-on{border-color:#99ffd82e;background:#6fffc41a;color:#dbfff1c2}.nameplate-level{position:absolute;z-index:0;inset:2px;overflow:hidden;border-radius:inherit;pointer-events:none}.stage.is-focus-view:not(.is-video-focus) .space.is-active .nameplate-level{inset:auto 8px 5px;height:4px;border-radius:999px;background:#99ffd814}.stage.is-focus-view:not(.is-video-focus) .space.is-active .nameplate-water{left:0;right:auto;bottom:0;width:var(--voice-level);height:100%;border-radius:inherit;background:linear-gradient(90deg,#69ffbee0,#5bd7ffc7);opacity:.34;transform:none}.stage.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble.is-voice-active .nameplate-water{opacity:.95}.stage.is-focus-view:not(.is-video-focus) .space.is-active .nameplate-status{width:22px;height:22px;font-size:14px}.stage.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble.is-voice-active{border-color:#69ffbe9e;box-shadow:inset 0 1px #ffffff57,inset 0 -1px #ffffff14,0 0 0 1px #69ffbe1a,0 0 28px #69ffbe38,0 16px 34px #00000052}.nameplate-water{position:absolute;left:-18%;right:-18%;bottom:0;height:var(--voice-level);border-radius:45% 45% 0 0;background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.28),transparent 24%),linear-gradient(180deg,#6ce8ff70,#44c6c23d);opacity:.28;transform:translateY(18%)}.user-bubble.is-voice-active .nameplate-water{opacity:.78}.icon-button.is-video-view{border-color:#78dcff57;background:#50beff24;color:#e1f9ffeb;box-shadow:0 0 14px #54cbff2e,0 0 12px #ffffff0a inset}.stage.is-focus-view .space.is-active .user-bubble:hover,.stage.is-focus-view .space.is-active .user-bubble.is-actions-open,.stage.is-focus-view .space.is-active .user-bubble:focus-within{z-index:80;overflow:visible}.stage.is-focus-view .space.is-active .user-bubble .user-actions{flex-wrap:wrap;justify-content:center;max-width:200px;border-radius:24px}.stage.is-focus-view .space.is-active .user-bubble:hover .user-actions,.stage.is-focus-view .space.is-active .user-bubble.is-actions-open .user-actions,.stage.is-focus-view .space.is-active .user-bubble:focus-within .user-actions{z-index:90;opacity:1;pointer-events:auto;transform:translate(-50%)}.space-label{position:absolute;z-index:12;left:50%;top:calc(100% - var(--space-label-top-from-bottom));bottom:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(108px,calc(var(--space-size) * .72),176px);min-height:50px;padding:8px 16px 16px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:radial-gradient(circle at 28% 0%,rgba(255,255,255,.2),transparent 48%),linear-gradient(145deg,var(--glass-fill),rgba(255,255,255,.06)),linear-gradient(145deg,#16222df0,#080e14d6);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 24px 12px var(--glass-inner-glow),0 0 14px var(--space-glow),0 14px 28px #00000057;-webkit-backdrop-filter:none;backdrop-filter:none;color:#f5fbffeb;transform:translate(-50%);text-align:center;text-shadow:0 2px 9px rgba(0,0,0,.3);white-space:nowrap;pointer-events:none}.stage:not(.is-focus-view) .space-label{top:calc(50% - 28px);width:min(calc(var(--space-size) - 42px),220px);min-height:0;padding:0;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;transform:translate(-50%,-50%)}.stage:not(.is-focus-view) .space-label:before,.stage:not(.is-focus-view) .space-label:after{display:none}.stage:not(.is-focus-view) .space-label strong{max-width:100%;color:#f7fbfff0;font-size:21px;font-weight:780}.stage:not(.is-focus-view) .space-label__meta{color:#e0eefa9e;font-size:13px;font-weight:640}.stage:not(.is-focus-view) .space-label__title{display:inline-flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;margin-top:0;color:inherit}.stage:not(.is-focus-view) .space-symbol{display:grid;width:56px;height:56px;margin:0 auto 6px;place-items:center;border:1px solid rgba(194,244,255,.2);border-radius:50%;background:radial-gradient(circle at 31% 18%,rgba(255,255,255,.22),transparent 30%),linear-gradient(145deg,#6be7ff26,#09122847);box-shadow:inset 0 1px #ffffff3d,0 0 20px #6be7ff1a;color:#74e6ffe6;font-size:28px;line-height:1}.stage:not(.is-focus-view) .space.is-lobby .space-symbol,.stage:not(.is-focus-view) .space.is-active .space-symbol{border-color:#ffbe605c;background:radial-gradient(circle at 31% 18%,rgba(255,255,255,.24),transparent 30%),linear-gradient(145deg,#ffa2402e,#14121f4d);box-shadow:inset 0 1px #ffffff42,0 0 22px #ff912d29;color:#ffbe60eb}.stage:not(.is-focus-view) .space-lock-icon{margin-top:0;color:#ffd796cc;font-size:17px;line-height:1}.stage:not(.is-focus-view) .space-unread{margin-top:0;margin-bottom:0}.space.is-temporary-empty .space-label{width:clamp(112px,calc(var(--space-size) * 1.24),150px);padding:8px 14px 12px}.temporary-countdown{position:relative;z-index:1;display:block;width:100%;margin-top:2px;padding-bottom:6px;overflow:hidden;color:#c2f4ffc2;font-size:12px;font-weight:780;line-height:1}.temporary-countdown:after{position:absolute;right:0;bottom:0;left:0;height:3px;border-radius:999px;background:linear-gradient(90deg,#6be7ff24,#c2f4ffeb,#8d73ff94);box-shadow:0 0 10px #6be7ff57,0 0 16px #8d73ff33;content:"";transform:scaleX(var(--temporary-countdown-progress, 1));transform-origin:left center;animation:temporary-countdown-shrink var(--temporary-countdown-duration, 30s) linear forwards}.stage.is-focus-view .space.is-active .space-label{top:-112px;bottom:auto;width:clamp(300px,calc(var(--focus-space-size) * .52),440px);padding:14px 28px 15px;border-color:#c2f4ff42;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.12),transparent 44%),linear-gradient(145deg,#162234d6,#070c18c7);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #ffffff14,0 20px 42px #00000047}.space-controls{position:absolute;z-index:5;left:50%;bottom:-72px;display:flex;gap:10px;justify-content:center;width:max-content;padding:14px 18px;overflow:visible;border:1px solid rgba(255,255,255,.24);border-radius:28px;background:radial-gradient(circle at 24% 0%,rgba(255,255,255,.12),transparent 48%),linear-gradient(145deg,#121e30e6,#040916db);box-shadow:0 24px 58px #00000057,inset 0 1px #ffffff47,inset 0 -1px #ffffff1a,0 0 0 1px #c2f4ff12 inset;opacity:0;pointer-events:none;visibility:hidden;transform:translate(-50%,10px);-webkit-backdrop-filter:none;backdrop-filter:none;transition:opacity .32s ease,transform .52s cubic-bezier(.18,.92,.24,1)}.stage.is-focus-view .space.is-active .space-controls{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%)}.icon-button{position:relative;display:grid;width:42px;height:42px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:radial-gradient(circle at 30% 14%,rgba(255,255,255,.28),transparent 44%),#ffffff1a;box-shadow:inset 0 1px #ffffff7a,inset 0 -1px #ffffff1a,inset 0 0 14px #ffffff1f,0 0 12px #ffffff0d inset;color:#f5fbffdb;cursor:pointer;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .22s ease,border-color .22s ease,transform .22s ease}.space-controls .icon-button{width:96px;height:72px;padding:8px 8px 24px;border-radius:24px}.icon-button .material-symbols-rounded{position:relative;z-index:1;font-size:23px;line-height:1}.space-controls .icon-button .material-symbols-rounded{font-size:28px}.icon-button.is-danger{border-color:#ff859457;background:radial-gradient(circle at 32% 12%,rgba(255,255,255,.2),transparent 42%),#ff4c622e;box-shadow:0 0 14px #ff546829,0 0 12px #ffffff0a inset;color:#ffe0e4eb}.icon-button.is-active{border-color:#6be7ff94;background:radial-gradient(circle at 32% 12%,rgba(255,255,255,.28),transparent 42%),#6be7ff33;box-shadow:0 0 18px #6be7ff3d,0 0 14px #ffffff12 inset;color:#edfdfff5}.icon-button:disabled{cursor:not-allowed;filter:grayscale(.2);opacity:.44;transform:none}.icon-button.is-error{border-color:#ff84a094;background:radial-gradient(circle at 32% 12%,rgba(255,255,255,.22),transparent 42%),#ff446833;color:#ffe0e8f5;box-shadow:0 0 18px #ff547842,0 0 14px #ffffff0f inset}.icon-button.is-danger:hover,.icon-button.is-danger:focus-visible{border-color:#ffa6b280;background:radial-gradient(circle at 32% 12%,rgba(255,255,255,.24),transparent 42%),#ff4c6242;box-shadow:0 0 18px #ff54683d,0 0 12px #ffffff0d inset}.icon-button:after{position:absolute;z-index:12;left:50%;bottom:calc(100% + 10px);width:max-content;max-width:180px;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:radial-gradient(circle at 28% 0%,rgba(255,255,255,.18),transparent 48%),linear-gradient(145deg,#ffffff2e,#ffffff0f),#0e171fc7;box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #ffffff14,0 0 0 1px #ffffff0d inset,0 10px 20px #0000003d;color:#f5fbffe6;content:attr(data-tooltip);font-size:12px;font-weight:680;line-height:1;opacity:0;pointer-events:none;transform:translate(-50%,6px);white-space:nowrap;-webkit-backdrop-filter:none;backdrop-filter:none;transition:opacity .18s ease,transform .22s ease}.space-controls .icon-button:before{position:absolute;left:8px;right:8px;bottom:8px;overflow:hidden;color:#ebf6ffdb;content:attr(data-tooltip);font-size:12px;font-weight:720;line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.space-controls .icon-button:after{display:none}.icon-button:hover,.icon-button:focus-visible{border-color:#ffffff52;background:#ffffff24;transform:translateY(-1px)}.icon-button:hover:after{opacity:1;transform:translate(-50%)}.icon-button:focus-visible:after{opacity:1;transform:translate(-50%)}.space-label strong,.space-label span{display:block;width:100%;text-align:center}.space-label .space-label__title{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;max-width:100%}.space-label .space-label__title strong{width:auto;max-width:100%}.space-label__meta{letter-spacing:0}.space-label .space-lock-icon{display:inline-block;width:auto;margin-right:4px;font-size:15px;line-height:1;vertical-align:-2px}.space-label .space-unread{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:19px;height:19px;margin-bottom:3px;padding:0 6px;border-radius:999px;background:#ff5f7e;color:#fff;font-size:11px;font-weight:800;line-height:1;box-shadow:0 0 0 2px #040918e0}@keyframes nameplate-water-rise{0%,to{transform:translateY(18%)}50%{transform:translateY(4%)}}@keyframes nameplate-water-drift{0%,to{border-radius:46% 54% 0 0;transform:translate(-1%,14%)}50%{border-radius:58% 42% 0 0;transform:translate(1.6%,7%)}}@keyframes video-zoom-limit-pulse{0%,to{border-color:#ddf8ff61;box-shadow:0 0 16px #4ccbff29,inset 0 0 10px #ffffff14}42%{border-color:#ffffffe6;box-shadow:0 0 24px #96e6ff7a,inset 0 0 14px #ffffff47}}@keyframes video-exit-warning-pulse{0%,to{border-color:#ffffff7a;box-shadow:inset 0 0 18px #ffffff38,0 0 20px #4ccbff3d,0 8px 18px #00000038}42%{border-color:#ffdd99f0;box-shadow:inset 0 0 24px #ffffff47,0 0 0 7px #ffc35024,0 0 38px #ffc3505c,0 14px 32px #0000004d}}@keyframes create-space-invalid{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(5px)}}@keyframes temporary-countdown-shrink{to{transform:scaleX(0)}}@keyframes space-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}@keyframes focus-glass-breathe{0%,to{background-position:32% 24%,center}42%{background-position:38% 18%,center}72%{background-position:27% 29%,center}}@keyframes focus-indicator-pulse{0%,to{filter:brightness(.95)}46%{filter:brightness(1.18)}}.space-label strong{overflow:hidden;color:#f5fbffdb;font-size:18px;font-weight:730;line-height:1;text-overflow:ellipsis}.space-label span{margin-top:5px;color:#ecf7ff8f;font-size:14px;font-weight:620;line-height:1}.space-label .space-label__title{margin-top:0;color:inherit}.stage.is-focus-view .space.is-active .space-label strong{font-size:26px;font-weight:760}.stage.is-focus-view .space.is-active .space-label span{margin-top:7px;font-size:16px}@media(max-width:760px){:root{--sona-corner-action-size: 84px}body{overflow:hidden}.stage{--sona-stage-padding: 20px;--sona-chat-gap: 16px;--sona-chat-side-width: clamp(172px, 52vw, 220px);--sona-chat-bottom-height: min(220px, 28vh);--sona-chat-side-top: 128px;min-height:100vh}.note-panel{left:28px;top:104px}.stage:not(.is-focus-view) .spaces{transform:translate(-50%,-50%) scale(var(--sona-layout-scale, .86))}.stage.is-focus-view .spaces{z-index:21;pointer-events:none;transform:translate(-50%,-50%)}.stage.is-focus-view .space.is-active,.stage.is-focus-view .space.is-active .space-controls,.stage.is-focus-view .space.is-active .space-screen-tile,.stage.is-focus-view .space.is-active .user-bubble{pointer-events:auto}.stage.is-focus-view .space.is-active .user-bubble .user-actions{top:8px;bottom:auto;gap:4px;max-width:120px;padding:5px;border-radius:18px;transform:translate(-50%)}.stage.is-focus-view .space.is-active .user-bubble .user-actions .icon-button{width:34px;height:34px}.stage.is-focus-view .spaces.has-active .space:not(.is-active){visibility:hidden;opacity:0;pointer-events:none}.app-header{align-items:flex-start;gap:10px}.stage.is-focus-view .app-header,.stage.is-focus-view .self-card{visibility:hidden;opacity:0;pointer-events:none}.brand-logo{height:84px;padding:6px 14px}.brand-logo img{height:74px;max-width:40vw}.sona-status{display:none}.sona-workspace-switcher{position:absolute;top:92px;left:0;right:0;max-width:calc(100vw - 40px);margin:0 auto}.sona-workspace-button{max-width:150px}.sona-invite-button{position:absolute;top:144px;left:50%;max-width:calc(100vw - 40px);transform:translate(-50%)}.sona-invite-panel{right:20px;bottom:calc(20px + var(--sona-corner-action-size) + 16px);width:calc(100vw - 40px)}.self-card{gap:10px;max-width:56vw;padding:10px}.self-copy{display:none}.self-card[data-auth-state=signed-out] .self-copy{display:block}.self-card[data-auth-state=signed-out] .self-copy strong{font-size:16px}.self-card[data-auth-state=signed-out] .self-copy span{display:none}.self-avatar{width:68px;height:68px}.sona-chat-dock{width:calc(100vw - 40px)}.stage[data-chat-placement=right] .sona-chat-dock,.stage[data-chat-placement=left] .sona-chat-dock{top:auto;right:20px;bottom:calc(20px + var(--sona-corner-action-size) + 16px);left:20px;width:auto;height:var(--sona-chat-bottom-height)}.stage[data-chat-placement=bottom] .sona-chat-dock{right:20px;bottom:calc(20px + var(--sona-corner-action-size) + 16px);left:20px;width:auto;height:var(--sona-chat-bottom-height)}.stage[data-chat-placement=right] .sona-chat-dock .chat-panel,.stage[data-chat-placement=left] .sona-chat-dock .chat-panel{display:grid;grid-template-areas:"header header" "tabs messages" "tabs composer";grid-template-columns:minmax(112px,34%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.stage[data-chat-placement=right] .sona-chat-dock .chat-panel__header,.stage[data-chat-placement=left] .sona-chat-dock .chat-panel__header{grid-area:header;min-height:42px;padding:9px 10px 8px 12px}.stage[data-chat-placement=right] .sona-chat-dock .chat-tabs,.stage[data-chat-placement=left] .sona-chat-dock .chat-tabs{grid-area:tabs;flex-direction:column;min-height:0;padding:8px;overflow-x:hidden;overflow-y:auto;border-right:1px solid rgba(194,244,255,.14);border-bottom:0}.stage[data-chat-placement=right] .sona-chat-dock .chat-tab,.stage[data-chat-placement=left] .sona-chat-dock .chat-tab{width:100%;max-width:none;padding:6px 8px}.stage[data-chat-placement=right] .sona-chat-dock .chat-messages,.stage[data-chat-placement=left] .sona-chat-dock .chat-messages,.stage[data-chat-placement=right] .sona-chat-dock .chat-empty,.stage[data-chat-placement=left] .sona-chat-dock .chat-empty{grid-area:messages;padding:9px 10px}.stage[data-chat-placement=right] .sona-chat-dock .chat-composer,.stage[data-chat-placement=left] .sona-chat-dock .chat-composer{grid-area:composer;gap:5px;padding:7px 10px 8px}.stage[data-chat-placement=right] .sona-chat-dock .chat-composer__input,.stage[data-chat-placement=left] .sona-chat-dock .chat-composer__input{min-height:34px;max-height:74px;padding:7px 9px}.stage[data-chat-placement=right] .sona-chat-dock .chat-composer__status,.stage[data-chat-placement=left] .sona-chat-dock .chat-composer__status{min-height:14px}.stage.is-focus-view[data-chat-placement=right] .sona-chat-dock,.stage.is-focus-view[data-chat-placement=left] .sona-chat-dock,.stage.is-focus-view[data-chat-placement=bottom] .sona-chat-dock{height:min(132px,16vh)}.stage.is-focus-view .space.is-active .space-controls{bottom:-78px;gap:6px;max-width:calc(100vw - 32px);padding:8px 10px;border-radius:20px}.stage.is-focus-view .space.is-active .space-label{top:-88px;padding:10px 24px 11px}.stage.is-focus-view .space.is-active .space-controls .icon-button{width:54px;height:52px;padding:0;border-radius:18px}.stage.is-focus-view .space.is-active .space-controls .icon-button:before{display:none}.stage.is-focus-view .space.is-active .space-controls .icon-button .material-symbols-rounded{font-size:24px}.stage:is([data-chat-placement=right],[data-chat-placement=left],[data-chat-placement=bottom]) .sona-chat-dock .chat-tabs{gap:3px;padding:6px}.stage:is([data-chat-placement=right],[data-chat-placement=left],[data-chat-placement=bottom]) .sona-chat-dock .chat-tab{display:flex;align-items:center;min-height:26px;padding:4px 7px;font-size:12px}.sona-chat-dock .chat-tab__icon,.sona-chat-dock .chat-tab__count{display:none}.sona-chat-dock .chat-tab__name{min-width:0;overflow:hidden;text-overflow:ellipsis}.sona-settings-toggle{right:20px;bottom:20px;font-size:38px}.sona-settings-panel{right:20px;bottom:calc(20px + var(--sona-corner-action-size) + 16px);width:min(340px,calc(100vw - 40px));max-height:calc(100vh - 148px);overflow:auto}.create-space-bubble{--sona-corner-action-size: 84px;width:var(--sona-corner-action-size);height:var(--sona-corner-action-size)}.space-screen-tile{width:min(88%,520px);border-radius:16px}.stage.has-screen-share.is-focus-view .space.is-active .space-screen-tile{width:min(88vw,520px,calc(var(--focus-space-size, var(--space-size)) - 104px),calc(var(--sona-safe-width, 100vw) - 28px),calc((var(--sona-space-center-x, 50vw) - 14px) * 2),calc((100vw - var(--sona-space-center-x, 50vw) - 14px) * 2))}.stage.is-focus-view .space.is-active .user-bubble,.stage.is-focus-view .space.is-active .user-bubble.has-camera{width:84px;height:84px;border-radius:22px}.stage.has-screen-share.is-focus-view .space.is-active .user-bubble.is-active-screen-share{z-index:7}}@media(min-width:761px){.stage{--sona-chat-side-width: 362px;--sona-chat-side-top: 150px;background:radial-gradient(circle at 59% 8%,rgba(72,133,255,.18),transparent 18%),radial-gradient(circle at 85% 45%,rgba(31,92,145,.14),transparent 24%),radial-gradient(circle at 33% 92%,rgba(43,93,171,.18),transparent 26%),linear-gradient(145deg,#040817,#071226 58%,#030713)}.app-header{left:27px;right:28px;top:20px;align-items:flex-start}.brand-logo{width:170px;height:132px;padding:8px;border-radius:86px}.brand-logo img{content:url(/assets/sona-logo-template.png);height:116px;max-width:150px}.sona-status{position:absolute;left:200px;top:50px;min-width:202px;padding:12px 18px;text-align:left}.sona-workspace-switcher{position:absolute;left:420px;top:50px;max-width:max(170px,calc(100vw - 900px))}.sona-invite-button{position:absolute;right:348px;top:50px}.self-card{min-width:320px;height:116px;padding:22px 30px;border-radius:58px}.self-card .self-avatar{width:96px;height:96px}.stage[data-chat-placement=left] .sona-chat-dock{top:150px;bottom:150px;left:27px;width:362px}.stage[data-chat-placement=left] .sona-chat-dock .chat-panel{display:flex;border-radius:8px}.stage[data-chat-placement=left] .sona-chat-dock .chat-panel__header{min-height:64px;justify-content:flex-end;padding:16px 13px 13px}.stage[data-chat-placement=left] .sona-chat-dock .chat-tabs{display:grid;grid-template-columns:1fr;gap:10px;padding:24px 10px 18px;overflow:visible;border-right:0;border-bottom:1px solid rgba(194,244,255,.14)}.stage[data-chat-placement=left] .sona-chat-dock .chat-tabs:before{display:block;margin:0 4px 4px;color:#e2eefab3;content:"SPACES";font-size:13px;letter-spacing:.08em}.stage[data-chat-placement=left] .sona-chat-dock .chat-tab{width:100%;min-height:44px;padding:10px 14px;border-radius:8px;text-align:left}.stage[data-chat-placement=left] .sona-chat-dock .chat-messages{padding:18px 14px}.stage[data-chat-placement=left] .sona-chat-dock .chat-composer{padding:12px}.stage:not(.is-focus-view) .space-cell{overflow:hidden;border-radius:22px;background-position:center;background-size:cover}.stage:not(.is-focus-view) .space[data-space-name=Lobby] .space-cell{border-color:#ff9e36d1;background-image:linear-gradient(180deg,#03081200 38%,#0308127a),linear-gradient(135deg,#243452,#122740 52%,#111421)}.stage:not(.is-focus-view) .space[data-space-name=Gaming] .space-cell{background-image:linear-gradient(180deg,#0308120a 25%,#03081280),url(/assets/space-gaming.png)}.stage:not(.is-focus-view) .space[data-space-name=Meeting] .space-cell{background-image:linear-gradient(180deg,#03081205 25%,#0308128a),url(/assets/space-meeting.png)}.stage:not(.is-focus-view) .space[data-space-name=Focus] .space-cell{background-image:linear-gradient(180deg,#03081205 25%,#03081285),url(/assets/space-focus.png)}.stage:not(.is-focus-view) .space[data-space-name=Support] .space-cell{background-image:linear-gradient(180deg,#03081205 25%,#03081285),url(/assets/space-support.png)}.stage:not(.is-focus-view) .space-cell:before,.stage:not(.is-focus-view) .space-cell:after{display:none}.stage:not(.is-focus-view) .space-label{left:100px;top:auto;bottom:31px;align-items:flex-start;width:max-content;max-width:calc(100% - 140px);transform:none;text-align:left}.stage:not(.is-focus-view) .space.is-lobby .space-label{left:103px;bottom:55px}.stage:not(.is-focus-view) .space-label strong,.stage:not(.is-focus-view) .space-label span{text-align:left}.stage:not(.is-focus-view) .space-label strong{font-size:26px;line-height:1.05}.stage:not(.is-focus-view) .space-label__meta{font-size:15px}.stage:not(.is-focus-view) .space-label__title{align-items:flex-start}.stage:not(.is-focus-view) .space-symbol{position:absolute;left:-78px;bottom:0;width:58px;height:58px;margin:0}.stage:not(.is-focus-view) .space .user-bubble{width:34px;height:34px}.stage:not(.is-focus-view) .spaces{transform:translate(calc(-50% - 28px),calc(-50% - 35px)) scale(var(--sona-layout-scale, 1))}.stage:not(.is-focus-view) .space:is([data-space-name=Lobby],[data-space-name=Gaming],[data-space-name=Meeting],[data-space-name=Focus],[data-space-name=Support]) :is(.space-label,.user-bubble){opacity:0}.stage:not(.is-focus-view) .spaces:before{position:absolute;left:4px;top:-56px;width:320px;color:#f6fbfff0;content:"Übersicht aller Spaces";font-size:16px;font-weight:780;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.36)}.stage:not(.is-focus-view) .spaces:after{position:absolute;left:50%;bottom:-86px;width:300px;padding:18px 28px;transform:translate(-50%);border:1px solid rgba(194,244,255,.24);border-radius:999px;background:radial-gradient(circle at 26% 0%,rgba(255,255,255,.14),transparent 44%),#0d1730c7;color:#f5fbffeb;content:"Space entdecken";font-size:16px;font-weight:760;text-align:center}.stage.is-focus-view .spaces{left:0;top:0;width:100vw;height:100vh;transform:none}.stage.is-focus-view .space:not(.is-active){position:absolute;left:var(--focus-preview-center-x, calc(100vw - 134px) );top:var(--focus-preview-y, calc(73px + (var(--rank-index, 2) - 2) * 200px));width:var(--focus-preview-width, 236px);height:var(--focus-preview-height, 188px);opacity:1;filter:none;pointer-events:auto;transform:translate(-50%)}.stage.is-focus-view .space:not(.is-active) .space-cell{width:var(--focus-preview-width, 236px);height:var(--focus-preview-height, 188px);border-radius:12px;background-position:center;background-size:cover}.stage.is-focus-view .space:not(.is-active) .space-label{left:58px;top:18px;bottom:auto;align-items:flex-start;width:calc(100% - 76px);min-height:0;padding:0;overflow:hidden;border:0;border-radius:0;background:none;box-shadow:none;transform:none;text-align:left}.stage.is-focus-view .space:not(.is-active) .space-label strong{max-width:100%;overflow:hidden;color:#f7fbfff0;font-size:16px;font-weight:780;line-height:1.05;text-overflow:ellipsis}.stage.is-focus-view .space:not(.is-active) .space-label__meta{margin-top:4px;color:#e2eefaad;font-size:12px;font-weight:650}.stage.is-focus-view .space:not(.is-active) .space-label__title{align-items:flex-start;min-width:0}.stage.is-focus-view .space:not(.is-active) .space-symbol{position:absolute;left:14px;top:18px;display:grid;width:34px;height:34px;margin:0;place-items:center;border:1px solid rgba(194,244,255,.22);border-radius:50%;background:#050c1c94;color:#daf5ffe0;font-size:20px}.stage.is-focus-view .space:not(.is-active)[data-space-name=Gaming] .space-cell{background-image:linear-gradient(180deg,#0308120a 25%,#03081280),url(/assets/space-gaming.png)}.stage.is-focus-view .space:not(.is-active)[data-space-name=Meeting] .space-cell{background-image:linear-gradient(180deg,#03081205 25%,#0308128a),url(/assets/space-meeting.png)}.stage.is-focus-view .space:not(.is-active)[data-space-name=Focus] .space-cell{background-image:linear-gradient(180deg,#03081205 25%,#03081285),url(/assets/space-focus.png)}.stage.is-focus-view .space:not(.is-active)[data-space-name=Support] .space-cell{background-image:linear-gradient(180deg,#03081205 25%,#03081285),url(/assets/space-support.png)}.stage.is-focus-view .space.is-active{left:var(--focus-space-center-x, calc(50vw + 82px) );top:var(--focus-space-center-y, 50vh)}.stage.is-focus-view .space.is-active .space-cell{border-radius:22px}.stage.is-focus-view .space.is-active .space-label{top:-84px;left:0;width:372px;transform:none}.stage.is-focus-view .space.is-active .space-controls{bottom:-112px;width:calc(100% - 16px);max-width:none;justify-content:space-around}.stage.is-focus-view .space.is-active .space-controls .icon-button{width:92px;height:72px;padding:8px 8px 24px;border-radius:24px}.stage.is-focus-view .space.is-active .space-controls .icon-button:before{display:block}.stage.has-screen-share.is-focus-view .space.is-active .space-screen-tile{top:72px;width:min(76%,760px);height:auto;aspect-ratio:16 / 9;transform:translate(-50%)}.stage.has-screen-share.is-focus-view .space.is-active .space-screen-tile.is-preview-screen-share{background:linear-gradient(180deg,#060d1c14,#060d1c80),linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.08) 8% 8.3%,transparent 8.3%),radial-gradient(circle at 22% 26%,rgba(255,255,255,.1),transparent 22%),linear-gradient(145deg,#081329,#101d3a 58%,#070b18)}.stage.has-screen-share.is-focus-view .space.is-active .space-screen-tile.is-preview-screen-share:before{position:absolute;left:70px;top:68px;width:360px;color:#f7fbfff0;content:"Open-ended terminal actions\aneed verification, memory\a control, and reusable outputs.";font-size:26px;font-weight:820;line-height:1.08;white-space:pre}.stage.has-screen-share.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble{top:calc(50% + 215px);width:156px;height:156px;border-radius:22px;z-index:8}}@media(min-width:761px)and (max-width:1100px){.sona-status{display:none}.sona-workspace-switcher{top:150px;left:20px;right:20px;max-width:calc(100vw - 40px)}.sona-invite-button{top:204px;right:auto;left:20px;max-width:132px}.stage[data-chat-placement=left] .sona-chat-dock .chat-panel__header{min-height:56px;padding:12px 13px 10px}.stage[data-chat-placement=left] .sona-chat-dock .chat-tabs{gap:7px;padding:14px 10px 12px}.stage[data-chat-placement=left] .sona-chat-dock .chat-tabs:before{margin:0 4px 2px;font-size:11px}.stage[data-chat-placement=left] .sona-chat-dock .chat-tab{min-height:36px;padding:7px 12px}.stage[data-chat-placement=left] .sona-chat-dock .chat-messages{padding:10px 14px}.stage[data-chat-placement=left] .sona-chat-dock .chat-composer{padding:8px 12px}.stage[data-chat-placement=left] .sona-chat-dock .chat-composer__input{min-height:34px;padding:7px 9px}.stage[data-chat-placement=left] .sona-chat-dock .chat-composer__status{min-height:12px;font-size:10px}}.brand-logo:before,.sona-status:before,.self-card:before,.note-panel:before,.sona-chat-dock .chat-panel:before,.sona-settings-toggle:before,.space-label:before,.space-controls:before,.create-space-bubble:before,.user-details:before,.user-bubble:before,.user-bubble:after,.space-cell:after{display:none!important}.stage:not(.has-screen-share) .space-cell:before{display:none!important}.stage{background:linear-gradient(145deg,#070a15fa,#0e1624fa 58%,#050710),#070b16!important}.stage:not(.is-focus-view) .space-cell,.stage:not(.is-focus-view) .space:hover .space-cell,.stage:not(.is-focus-view) .space:focus-visible .space-cell,.stage:not(.is-focus-view) .space.is-proximity-near .space-cell,.stage.is-focus-view .space:not(.is-active) .space-cell,.stage.is-focus-view .space:not(.is-active):hover .space-cell,.stage.is-focus-view .space:not(.is-active).is-proximity-near .space-cell{background-image:linear-gradient(180deg,#060a141f,#05081280),var(--space-image-url, linear-gradient(135deg, #25344f 0%, #0f253f 48%, #10131f 100%))!important;background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%,cover!important}.stage.is-focus-view .space.is-active .space-cell{background-image:linear-gradient(180deg,#060a1433,#050812ad),var(--space-image-url, linear-gradient(135deg, #25344f 0%, #0f253f 48%, #10131f 100%))!important;background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%,cover!important}.space-cell{border-color:#c2f4ff38!important;box-shadow:0 18px 42px #0000004d,inset 0 0 0 1px #ffffff0d!important}.space-label,.space-controls,.create-space-bubble,.create-space-dialog,.sona-status,.self-card{border-radius:8px!important;background:linear-gradient(145deg,#121927f5,#070a14f5)!important;box-shadow:0 16px 34px #00000047!important}.user-bubble,.stage:not(.is-focus-view) .space .user-bubble,.stage.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble{border-color:#c2f4ff38!important;background:linear-gradient(145deg,#273248,#111827 62%,#090d16)!important;box-shadow:0 10px 22px #00000047!important;transition:opacity .26s ease,transform .32s cubic-bezier(.2,.86,.2,1),left .52s cubic-bezier(.2,.86,.2,1),top .52s cubic-bezier(.2,.86,.2,1),width .42s ease,height .42s ease,border-radius .3s ease!important}.user-bubble.is-current-user,.stage.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble.is-current-user{border-color:#ff912d99!important;background:linear-gradient(145deg,#3a2c25,#151923 68%,#0a0d14)!important;box-shadow:0 0 0 1px #ff912d29,0 12px 26px #00000052!important}.stage.is-channel-transition .space.is-active .space-cell{box-shadow:0 0 0 2px #ff912d47,0 22px 52px #00000061!important}.icon-button,.create-space-bubble,.self-avatar,.sona-settings-toggle,.chat-tab,.sona-invite-button,.sona-chat-dock .chat-composer__send{background:linear-gradient(145deg,#1f283af5,#0b0f1bf5)!important;border-color:#c2f4ff33!important;box-shadow:0 8px 18px #00000038!important}.icon-button.is-proximity-near,.create-space-bubble.is-proximity-near,.self-avatar.is-proximity-near,.sona-settings-toggle.is-proximity-near,.chat-tab.is-proximity-near,.sona-invite-button.is-proximity-near,.sona-chat-dock .chat-composer__send.is-proximity-near{border-color:#ff912d5c!important;box-shadow:0 0 0 1px #ff912d1f,0 10px 20px #0000003d!important}.icon-button:hover,.icon-button:focus-visible,.create-space-bubble:hover,.create-space-bubble:focus-visible,.self-avatar:hover,.self-avatar:focus-visible,.sona-settings-toggle:hover,.sona-settings-toggle:focus-visible,.chat-tab:hover,.chat-tab:focus-visible,.sona-invite-button:hover,.sona-invite-button:focus-visible,.sona-chat-dock .chat-composer__send:hover,.sona-chat-dock .chat-composer__send:focus-visible{border-color:#ff912dd1!important;background:linear-gradient(145deg,#2d2a27fa,#0e1018fa)!important;box-shadow:0 0 0 2px #ff912d2e,0 10px 20px #00000042!important;transform:none!important}.create-space-dialog{width:min(360px,calc(100vw - 42px))!important;padding:12px!important}.create-space-dialog input,.create-space-dialog textarea,.create-space-dialog button{border-radius:8px!important;background:#070a14eb!important;box-shadow:none!important}.create-space-dialog textarea{display:block;width:100%;min-height:84px;padding:12px 14px;resize:vertical;border:1px solid rgba(215,250,255,.34);outline:none;color:#f5fafff5;font:inherit;line-height:1.35}.create-space-dialog textarea::placeholder{color:#eaf1f88a}.create-space-dialog input:focus,.create-space-dialog textarea:focus{border-color:#ff912db8!important;box-shadow:0 0 0 3px #ff912d29!important}.create-space-dialog button{background:linear-gradient(145deg,#ff912de6,#c05210e6)!important;color:#fffaf5f5!important}.create-space-dialog button.is-image-action{background:linear-gradient(145deg,#47aecedb,#265980e6)!important}.create-space-dialog button.is-danger{background:linear-gradient(145deg,#d2464ee0,#77182be6)!important}@media(min-width:761px)and (max-width:1649px){.stage.is-focus-view .self-card,.stage.is-focus-view .sona-workspace-switcher,.stage.is-focus-view .sona-invite-button,.stage.is-focus-view .sona-settings-toggle{opacity:0;pointer-events:none}.stage.is-focus-view .space.is-active{left:var(--focus-space-center-x, var(--sona-space-center-x, 50vw));top:var(--focus-space-center-y, 50vh)}.stage.is-focus-view .space.is-active .space-controls{bottom:-108px}.stage.is-focus-view .space.is-active .space-label{top:-72px}}@media(min-width:761px){.brand-logo,.sona-status,.self-card,.sona-chat-dock .chat-panel,.sona-settings-toggle,.space-controls,.icon-button,.create-space-bubble,.space-label,.user-details,.user-actions,.space-screen-tile{-webkit-backdrop-filter:var(--liquid-glass-backdrop);backdrop-filter:var(--liquid-glass-backdrop)}.stage.is-focus-view .space.is-active .space-cell{-webkit-backdrop-filter:var(--liquid-glass-strong-backdrop);backdrop-filter:var(--liquid-glass-strong-backdrop)}.sona-status:before{display:inline-block;width:7px;height:7px;margin-right:11px;border-radius:50%;background:#61f3a1;box-shadow:0 0 12px #61f3a1c7;content:"";vertical-align:1px}.stage:not(.is-focus-view) .spaces:before{left:4px;top:-64px;display:flex;flex-direction:column;justify-content:center;width:360px;min-height:56px;padding-left:70px;background:radial-gradient(circle at center,rgba(255,255,255,.08),transparent 28px) left center / 56px 56px no-repeat,radial-gradient(circle at center,#6be7ff1a,#060c1ca3 30px) left center / 56px 56px no-repeat;color:#f6fbfff0;content:"Übersicht aller Spaces ›\aKlicke auf einen Space, um beizutreten.";font-size:16px;font-weight:780;line-height:1.45;white-space:pre}.stage:not(.is-focus-view) .spaces:after{bottom:-87px;width:300px;padding:17px 28px 17px 74px;text-align:left}.stage:not(.is-focus-view) .spaces:after{background:radial-gradient(circle at 58px 50%,rgba(255,255,255,.18),transparent 24px),radial-gradient(circle at 58px 50%,#6be7ff1f,#0d1730c7 31px)}.stage:not(.is-focus-view) .spaces{transform:translate(calc(-50% - 28px),calc(-50% - 49px)) scale(var(--sona-layout-scale, 1))}.stage[data-chat-placement=left] .sona-chat-dock .chat-panel{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%),radial-gradient(circle at 8% 0%,rgba(255,255,255,.08),transparent 34%),linear-gradient(145deg,#0d162eb8,#030816b3)}.stage[data-chat-placement=left] .sona-chat-dock .chat-tab{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;max-width:none;padding:8px 10px}.stage[data-chat-placement=left] .sona-chat-dock .chat-tab__icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(194,244,255,.2);border-radius:50%;background:#050c1c52;color:#dcf2ffd1;font-size:20px}.stage[data-chat-placement=left] .sona-chat-dock .chat-tab__name{min-width:0;overflow:hidden;color:#f8fbffeb;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.stage[data-chat-placement=left] .sona-chat-dock .chat-tab__count{display:inline-flex;align-items:center;gap:8px;color:#e0ecf8ad;font-size:13px}.stage[data-chat-placement=left] .sona-chat-dock .chat-tab__count span{width:6px;height:6px;border-radius:50%;background:#62f0a3;box-shadow:0 0 10px #62f0a3b3}.stage:not(.is-focus-view) .sona-chat-dock .chat-messages[data-preview]{display:grid;place-content:center;padding:0 56px 80px;text-align:center}.stage:not(.is-focus-view) .sona-chat-dock .chat-messages[data-preview] .chat-message{display:none}.stage:not(.is-focus-view) .sona-chat-dock .chat-messages[data-preview]:before{color:#e2eefabd;content:"Noch keine Nachrichten\aWähle einen Space aus oder sende\a eine Nachricht, um loszulegen.";font-size:16px;line-height:1.55;white-space:pre}.stage.is-focus-view:before,.stage.is-focus-view:after{position:absolute;z-index:21;top:28px;display:grid;height:46px;place-items:center;border:1px solid rgba(194,244,255,.22);border-radius:999px;background:#0810229e;box-shadow:inset 0 1px #ffffff2e,0 18px 36px #00000047;color:#f5fbffeb;-webkit-backdrop-filter:var(--liquid-glass-backdrop);backdrop-filter:var(--liquid-glass-backdrop);font-weight:760;pointer-events:none}.stage.is-focus-view:before{right:350px;width:82px;content:"3"}.stage.is-focus-view:after{right:280px;width:56px;content:"□"}.stage.is-focus-view[data-chat-placement=left] .sona-chat-dock{top:16px;bottom:45px;left:16px;width:369px}.stage.is-focus-view[data-chat-placement=left] .sona-chat-dock .chat-panel__header{min-height:166px;padding:116px 13px 16px}.stage.is-focus-view[data-chat-placement=left] .sona-chat-dock .chat-tabs{gap:0;padding:8px 12px}.stage.is-focus-view[data-chat-placement=left] .sona-chat-dock .chat-tabs:before{display:none}.stage.is-focus-view[data-chat-placement=left] .sona-chat-dock .chat-tab{min-height:34px;width:auto;padding:7px 12px}.stage.is-focus-view[data-chat-placement=left] .sona-chat-dock .chat-tab:not(.is-active){display:none}.stage.is-focus-view[data-chat-placement=left] .sona-chat-dock .chat-messages{padding:18px 14px 10px}.stage.is-focus-view[data-chat-placement=left] .sona-chat-dock .chat-composer{padding:12px}.stage.is-focus-view .sona-settings-toggle{right:28px;bottom:28px;z-index:34;width:64px;height:64px;opacity:1;pointer-events:auto}.stage.is-focus-view .sona-status{left:178px;top:55px;width:170px;min-width:0;max-width:170px;padding:11px 14px}.stage:not(.is-focus-view) .sona-status[data-state=ready],.stage.is-focus-view .sona-status[data-state=ready],.stage.is-focus-view .sona-status[data-state=connected]{font-size:0}.stage:not(.is-focus-view) .sona-status[data-state=ready]:after,.stage.is-focus-view .sona-status[data-state=ready]:after,.stage.is-focus-view .sona-status[data-state=connected]:after{font-size:12px}.stage:not(.is-focus-view) .sona-status[data-state=ready]:after{content:"Mit Lobby verbunden"}.stage.is-focus-view .sona-status[data-state=ready]:after,.stage.is-focus-view .sona-status[data-state=connected]:after{content:"Screenshare ist an."}.stage.is-focus-view .space:not(.is-active){border-radius:14px}.stage.is-focus-view .space:not(.is-active) .space-cell{overflow:hidden;border-color:#c2f4ff47;border-radius:14px;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #c2f4ff0f,0 18px 42px #00000047}.stage.is-focus-view .space:not(.is-active):is([data-space-name=Gaming],[data-space-name=Meeting],[data-space-name=Focus],[data-space-name=Support]) .space-cell{border-color:#c2f4ff33;background-position:center;background-size:100% 100%}.stage.is-focus-view .space:not(.is-active)[data-space-name=Gaming] .space-cell{background-image:url(/assets/space-gaming-rail.png)}.stage.is-focus-view .space:not(.is-active)[data-space-name=Meeting] .space-cell{background-image:url(/assets/space-meeting-rail.png)}.stage.is-focus-view .space:not(.is-active)[data-space-name=Focus] .space-cell{background-image:url(/assets/space-focus-rail.png)}.stage.is-focus-view .space:not(.is-active)[data-space-name=Support] .space-cell{background-image:url(/assets/space-support-rail.png)}.stage.is-focus-view .space:not(.is-active):is([data-space-name=Gaming],[data-space-name=Meeting],[data-space-name=Focus],[data-space-name=Support]) :is(.space-label,.space-symbol,.user-bubble){display:none}.stage.is-focus-view .space:not(.is-active) .space-label{left:58px;top:18px;width:calc(100% - 82px)}.stage.is-focus-view .space:not(.is-active) .space-label strong{font-size:16px}.stage.is-focus-view .space:not(.is-active) .space-label__meta{font-size:12px}.stage.is-focus-view .space:not(.is-active) .user-bubble{left:calc(14px + var(--bubble-overlap-index, 0) * 24px);top:calc(100% - 38px);width:28px;height:28px;transform:none}.stage.is-focus-view .space:not(.is-active) .user-bubble .bubble-initials,.stage.is-focus-view .space:not(.is-active) .user-bubble .bubble-indicators,.stage.is-focus-view .space:not(.is-active) .user-bubble .user-details{display:none}.stage.is-focus-view .space.is-active,.stage.is-focus-view .space.is-active .space-cell{width:var(--focus-space-width, 988px);height:var(--focus-space-height, 812px)}.stage.is-focus-view .space.is-active .space-cell{overflow:visible;border-radius:22px;background:radial-gradient(circle at 6% 0%,rgba(255,190,96,.18),transparent 16%),radial-gradient(circle at 92% 18%,rgba(107,231,255,.1),transparent 28%),linear-gradient(180deg,#1b2a41bd,#050a18b8)}.stage.has-screen-share.is-focus-view .space.is-active .space-cell:before{position:absolute;z-index:20;top:10px;left:50%;display:block;width:max-content;min-width:236px;padding:12px 22px;transform:translate(-50%);border:1px solid rgba(194,244,255,.2);border-radius:999px;background:#081022d1;box-shadow:inset 0 1px #ffffff2e,0 12px 28px #0000003d;color:#f7fbfffa;content:"▭  Bildschirm wird geteilt  ●";font-size:14px;font-weight:780;text-align:center;-webkit-backdrop-filter:var(--liquid-glass-backdrop);backdrop-filter:var(--liquid-glass-backdrop)}.stage.is-focus-view .space.is-active .space-label{top:-84px;left:0;width:372px;min-height:66px;padding:12px 24px 12px 72px;align-items:flex-start;border-radius:18px;text-align:left;transform:none}.stage.is-focus-view .space.is-active .space-label .space-symbol{position:absolute;left:24px;top:18px;width:34px;height:34px;margin:0}.stage.is-focus-view .space.is-active .space-label strong,.stage.is-focus-view .space.is-active .space-label span{text-align:left}.stage.is-focus-view .space.is-active .space-label strong{font-size:22px}.stage.is-focus-view .space.is-active .space-label span{margin-top:5px;font-size:13px}.stage.has-screen-share.is-focus-view .space.is-active .space-screen-tile{top:58px;width:min(74%,730px);border-radius:20px;transform:translate(-50%)}.stage.has-screen-share.is-focus-view .space.is-active .space-cell.has-multiple-screen-shares .space-screen-tile{left:var(--screen-tile-left, 50%);top:var(--screen-tile-top, 30%);width:var(--screen-tile-width, 42%);transform:translate(-50%,-50%)}.stage.has-screen-share.is-focus-view .space.is-active .space-screen-tile:after{position:absolute;left:50%;bottom:-32px;color:#e6eef8c7;content:"⌃   Ansicht anpassen   ⛶";font-size:13px;transform:translate(-50%);white-space:nowrap}.stage.has-screen-share.is-focus-view .space-screen-label{left:18px;top:14px;padding:0;border-radius:0;background:transparent;font-size:13px}.stage.has-screen-share.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble{top:calc(50% + var(--focus-screen-user-offset, 178px));width:var(--focus-user-tile-size, 205px);height:clamp(132px,calc(var(--focus-user-tile-size, 205px) * .9),184px);border-radius:22px}.stage.has-screen-share.is-focus-view:not(.is-video-focus) .space.is-active .space-cell.has-multiple-screen-shares .user-bubble{height:clamp(106px,calc(var(--focus-user-tile-size, 132px) * .9),132px)}.stage.has-screen-share.is-focus-view .space.is-active .space-cell.has-multiple-screen-shares .space-screen-tile.is-preview-screen-share:before{left:24px;top:54px;width:calc(100% - 48px);font-size:clamp(15px,calc(var(--focus-space-width, 988px) * .026),21px);white-space:pre-wrap}.stage.has-screen-share.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble.has-camera .camera-preview{top:14px;width:76px;height:76px}.stage.is-focus-view .space.is-active .space-controls{right:16px;bottom:10px;left:16px;width:auto;max-width:none;height:108px;padding:16px 40px;transform:none;justify-content:space-between;border-radius:24px}.stage.is-focus-view .space.is-active .space-controls .icon-button{width:86px;height:74px;padding:8px 8px 24px;border-radius:22px}.stage.is-focus-view .space.is-active .space-controls .icon-button[data-action=leave-space]{margin-left:34px}}@media(min-width:761px)and (max-width:1100px){.stage[data-chat-placement=left] .sona-chat-dock .chat-panel__header{min-height:56px;padding:12px 13px 10px}.stage[data-chat-placement=left] .sona-chat-dock .chat-tabs{gap:7px;padding:14px 10px 12px}.stage[data-chat-placement=left] .sona-chat-dock .chat-tabs:before{margin:0 4px 2px;font-size:11px}.stage[data-chat-placement=left] .sona-chat-dock .chat-tab{min-height:36px;padding:7px 12px}.stage:not(.is-focus-view) .sona-chat-dock .chat-messages[data-preview]{padding:0 24px 12px}.stage[data-chat-placement=left] .sona-chat-dock .chat-composer{padding:8px 12px}.stage[data-chat-placement=left] .sona-chat-dock .chat-composer__input{min-height:34px;padding:7px 9px}.stage[data-chat-placement=left] .sona-chat-dock .chat-composer__status{min-height:12px;font-size:10px}}.brand-logo,.sona-status,.self-card,.note-panel,.sona-chat-dock .chat-panel,.sona-settings-toggle,.sona-settings-panel,.sona-user-audio-panel,.sona-user-card-panel,.sona-member-rights-panel,.sona-invite-panel,.sona-dm-panel,.space-label,.space-controls,.icon-button,.create-space-bubble,.create-space-dialog,.user-details,.user-actions,.space-cell,.space-screen-tile,.user-bubble{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}.stage:not(.is-focus-view) .space-cell,.stage:not(.is-focus-view) .space:hover .space-cell,.stage:not(.is-focus-view) .space.is-proximity-near .space-cell,.stage.is-focus-view .space:not(.is-active) .space-cell,.stage.is-focus-view .space:not(.is-active):hover .space-cell,.stage.is-focus-view .space:not(.is-active).is-proximity-near .space-cell,.stage.is-focus-view .space.is-active .space-cell{background-image:linear-gradient(180deg,#060a1429,#05081294),var(--space-image-url, linear-gradient(135deg, #25344f 0%, #0f253f 48%, #10131f 100%))!important;background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%,cover!important}.stage.is-focus-view .space.is-active .space-cell{background-image:linear-gradient(180deg,#060a1438,#050812b3),var(--space-image-url, linear-gradient(135deg, #25344f 0%, #0f253f 48%, #10131f 100%))!important}.space:hover .space-cell,.space:focus-visible .space-cell,.space.is-active .space-cell{border-color:#ff912dd1!important;box-shadow:0 0 0 2px #ff912d3d,0 22px 52px #0000005c!important}.space.is-proximity-near .space-cell{border-color:#ff912d61!important;box-shadow:0 0 0 1px #ff912d2e,0 20px 46px #00000057!important}.user-bubble,.stage:not(.is-focus-view) .space .user-bubble,.stage.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble{border-color:#c2f4ff38!important;background:linear-gradient(145deg,#273248,#111827 62%,#090d16)!important;box-shadow:0 10px 22px #00000047!important}.user-bubble.is-current-user,.stage.is-focus-view:not(.is-video-focus) .space.is-active .user-bubble.is-current-user{border-color:#ff912d99!important;background:linear-gradient(145deg,#3a2c25,#151923 68%,#0a0d14)!important}.user-bubble.is-entering{opacity:0!important;transform:translate(-50%,-50%) scale(.58)!important}.user-bubble.is-leaving{opacity:0!important;transform:translate(-50%,-50%) scale(.7)!important}.icon-button,.create-space-bubble,.self-avatar,.sona-settings-toggle,.chat-tab,.sona-invite-button,.sona-chat-dock .chat-composer__send{transition:none!important}.icon-button.is-proximity-near,.create-space-bubble.is-proximity-near,.self-avatar.is-proximity-near,.sona-settings-toggle.is-proximity-near,.chat-tab.is-proximity-near,.sona-invite-button.is-proximity-near,.sona-chat-dock .chat-composer__send.is-proximity-near{border-color:#ff912d5c!important}.icon-button:hover,.icon-button:focus-visible,.create-space-bubble:hover,.create-space-bubble:focus-visible,.self-avatar:hover,.self-avatar:focus-visible,.sona-settings-toggle:hover,.sona-settings-toggle:focus-visible,.chat-tab:hover,.chat-tab:focus-visible,.sona-invite-button:hover,.sona-invite-button:focus-visible,.sona-chat-dock .chat-composer__send:hover,.sona-chat-dock .chat-composer__send:focus-visible{border-color:#ff912dd1!important;transform:none!important}