@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Google+Sans+Flex:wght@400;500;600;700&family=Inter:wght@100..900&family=Roboto:wght@300;400;500;700&family=Montserrat:wght@100..900&family=Nunito:wght@200..1000&family=Poppins:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Merriweather:wght@300;400;700;900&display=swap";.smooth-message-input{display:contents}.smooth-chat-input-root{background:0 0;border-radius:0;flex:1;width:100%;min-width:0;max-width:none;padding:0}.smooth-auth-input-root{background:0 0;border:0;border-radius:0;width:100%;max-width:none;padding:0}.smooth-auth-input-root>.relative.grid.grid-cols-1.p-0{width:100%;min-width:0;font-size:calc(15px * var(--text-scale,1));grid-template-columns:minmax(0,1fr);display:grid;position:relative}.smooth-auth-input-root>.relative.grid.grid-cols-1.p-0>input{grid-area:1/1;width:100%;caret-color:var(--text-primary)!important}.smooth-auth-input-root>.relative.grid.grid-cols-1.p-0>span{visibility:hidden;pointer-events:none;white-space:pre;position:absolute;top:0;left:0}.smooth-auth-input-root>.relative.grid.grid-cols-1.p-0>div{display:none}.smooth-chat-input-root>.relative.grid.grid-cols-1.p-0{grid-template-rows:minmax(40px,auto);grid-template-columns:minmax(0,1fr);width:100%;min-width:0;padding:0;display:grid;position:relative;font-size:14.5px!important}.smooth-chat-input-root>.relative.grid.grid-cols-1.p-0>input{grid-area:1/1;width:100%;min-width:0;caret-color:var(--text-primary)!important}.smooth-chat-input-root>.relative.grid.grid-cols-1.p-0>span{visibility:hidden;pointer-events:none;white-space:pre;position:absolute;top:0;left:0}.smooth-chat-input-root>.relative.grid.grid-cols-1.p-0>div{display:none}:root{--bg-primary:#0f0f0f;--bg-sidebar:#151515;--bg-secondary:#1a1a1a;--bg-tertiary:#1e1f20;--bg-quaternary:#2a2a2a;--bg-quaternary-light:#3a3a3a;--bg-hover:#ffffff0f;--input-bg:#1e1f20;--input-border:#282828;--border-sidebar:#ffffff14;--text-placeholder:#8c8c88;--surface-1:#fff;--surface-2:#eee;--surface-3:#e0e0e0;--surface-4:silver;--text-primary:#fff;--text-primary-light:#eee;--text-secondary:#9e9e9e;--text-muted:#8c8c88;--text-tertiary:#6e6e6c;--text-inverse:#1f1f1e;--border-primary:#ffffff0a;--border-secondary:#ffffff0f;--border-tertiary:#ffffff14;--border-medium:#ffffff1a;--border-strong:#ffffff1f;--border-stronger:#ffffff26;--border-focus:#fff3;--overlay-light:#00000073;--overlay-medium:#00000080;--overlay-strong:#0009;--overlay-stronger:#000000a6;--overlay-max:#000000f2;--accent-color:#eea47f;--accent-color-dark:#d17a4f;--accent-color-darker:#b65f36;--accent-bg:#d17a4f1f;--accent-blue:#3287fe;--accent-blue-bg:color-mix(in srgb, var(--accent-blue) 20%, transparent);--accent-green:#13b962;--accent-green-bg:#13b9621f;--accent-red:#ff4d4d;--accent-red-bg:#ff3c3c1f;--accent-red-bg-light:#ff4d4d1a;--accent-yellow:gold;--accent-yellow-bg:#ffc8004d;--accent-purple:#6c5ce7;--accent-purple-bg:#6c5ce733;--accent-pink:#ff82b4;--accent-pink-bg:#ff82b41f;--accent-orange:#fa4442;--accent-orange-bg:#fa44421f;--accent-gold:#f6be11;--accent-gold-bg:#f6be111f;--accent-warm:#ffb4822e;--accent-warm-light:#ffc89640;--accent-peach:#ffd2aa1f;--surface-hover:#ffffff0a;--surface-hover-strong:#ffffff0f;--surface-active:#ffffff12;--surface-active-light:#ffffff08;--surface-border:#ffffff14;--surface-border-light:#ffffff0f;--surface-dim:#ffffff73;--surface-dim-light:#ffffff80;--surface-dim-strong:#ffffffbf;--surface-dim-stronger:#ffffffd9;--surface-dim-max:#ffffffe6;--surface-dim-medium:#ffffff8c;--surface-dim-subtle:#ffffff85;--surface-dim-very-subtle:#ffffff59;--surface-dim-minimal:#ffffff4d;--surface-dim-very-minimal:#ffffff40;--surface-dim-tiny:#ffffff38;--surface-dim-micro:#ffffff47;--surface-dim-nano:#ffffff24;--surface-dim-pico:#ffffff0e;--surface-dim-femto:#ffffffa6;--surface-dim-atto:#fffc;--surface-dim-zepto:#ffffffb3;--surface-dim-yocto:#fff6;--surface-dim-1:#ffffffeb;--surface-dim-2:#ffffff1a;--surface-dim-3:#ffffff2e;--surface-dim-4:#ffffff08;--surface-dim-5:#ffffff05;--surface-dim-6:#ffffff1f;--surface-dim-7:#ffffff26;--surface-dim-8:#fff3;--surface-dim-9:#ffffffe6;--black-transparent-0:#0000;--black-transparent-015:#00000026;--black-transparent-018:#0000002e;--black-transparent-02:#0003;--black-transparent-04:#0006;--black-transparent-05:#0000008c;--black-transparent-06:#0009;--black-transparent-065:#000000a6;--black-transparent-07:#000000b3;--black-transparent-095:#000000f2;--black-transparent-06a:#0009;--black-transparent-035:#00000059;--black-transparent-05a:#00000080;--black-transparent-045:#00000073;--bg-bubble-incoming:var(--bg-sidebar);--font-serif:"Lora", Georgia, serif;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--text-scale:1;--sidebar-width:64px}html[data-theme=extra-dark]{--bg-primary:#000;--bg-sidebar:#000;--bg-secondary:#050505;--bg-tertiary:#080808;--bg-quaternary:#101010;--bg-quaternary-light:#181818;--input-bg:#080808;--input-border:#181818;--border-sidebar:#ffffff12;--bg-bubble-incoming:var(--bg-quaternary)}html[data-theme=light]{--bg-primary:#f5f5f7;--bg-sidebar:#fff;--bg-secondary:#eee;--bg-tertiary:#e8e8e8;--bg-quaternary:#d0d0d0;--bg-quaternary-light:silver;--bg-hover:#0000000f;--input-bg:#f0f0f2;--input-border:#d0d0d5;--border-sidebar:#00000014;--text-placeholder:#6e6e6c;--surface-1:#fff;--surface-2:#f5f5f5;--surface-3:#e0e0e0;--surface-4:silver;--text-primary:#1f1f1e;--text-primary-light:#2a2a2a;--text-secondary:#5c5c5c;--text-muted:#6e6e6c;--text-tertiary:#8c8c88;--text-inverse:#fff;--border-primary:#0000000a;--border-secondary:#0000000f;--border-tertiary:#00000014;--border-medium:#0000001a;--border-strong:#0000001f;--border-stronger:#00000026;--border-focus:#0003;--overlay-light:#00000026;--overlay-medium:#0003;--overlay-strong:#0000004d;--overlay-stronger:#00000059;--overlay-max:#000000a6;--accent-bg:#d17a4f1a;--accent-blue-bg:color-mix(in srgb, var(--accent-blue) 12%, transparent);--accent-green-bg:#13b96214;--accent-red-bg:#ff3c3c14;--accent-red-bg-light:#ff4d4d14;--accent-yellow-bg:#ffc80033;--accent-purple-bg:#6c5ce71f;--accent-pink-bg:#ff82b414;--accent-orange-bg:#fa444214;--accent-gold-bg:#f6be1114;--accent-warm:#ffb4821f;--accent-warm-light:#ffc8962e;--accent-peach:#ffd2aa14;--surface-hover:#0000000a;--surface-hover-strong:#0000000f;--surface-active:#00000012;--surface-active-light:#00000008;--surface-border:#00000014;--surface-border-light:#0000000f;--surface-dim:#00000073;--surface-dim-light:#00000080;--surface-dim-strong:#000000bf;--surface-dim-stronger:#000000d9;--surface-dim-max:#000000e6;--surface-dim-medium:#0000008c;--surface-dim-subtle:#00000085;--surface-dim-very-subtle:#00000059;--surface-dim-minimal:#0000004d;--surface-dim-very-minimal:#00000040;--surface-dim-tiny:#00000038;--surface-dim-micro:#00000047;--surface-dim-nano:#00000024;--surface-dim-pico:#0000000e;--surface-dim-femto:#000000a6;--surface-dim-atto:#000c;--surface-dim-zepto:#000000b3;--surface-dim-yocto:#0006;--surface-dim-1:#000000eb;--surface-dim-2:#0000001a;--surface-dim-3:#0000002e;--surface-dim-4:#00000008;--surface-dim-5:#00000005;--surface-dim-6:#0000001f;--surface-dim-7:#00000026;--surface-dim-8:#0003;--surface-dim-9:#000000e6;--black-transparent-0:#0000;--black-transparent-015:#00000026;--black-transparent-018:#0000002e;--black-transparent-02:#0003;--black-transparent-04:#0006;--black-transparent-05:#0000008c;--black-transparent-06:#0009;--black-transparent-065:#000000a6;--black-transparent-07:#000000b3;--black-transparent-095:#000000f2;--black-transparent-06a:#0009;--black-transparent-035:#00000059;--black-transparent-05a:#00000080;--black-transparent-045:#00000073}html[data-ui-style=frozen-glass]{--glass-surface:#1d1d1da6;--glass-surface-strong:#181818c2;--glass-border:#ffffff26;--glass-highlight:#ffffff0b;background:var(--bg-primary)}html[data-theme=light][data-ui-style=frozen-glass]{--glass-surface:#ffffff9e;--glass-surface-strong:#ffffffbf;--glass-border:#ffffffb3;--glass-highlight:#ffffff70}html[data-ui-style=frozen-glass] body{background:inherit}html[data-ui-style=frozen-glass] .mobile-tab-bar,html[data-ui-style=frozen-glass] .mobile-input-wrapper,html[data-ui-style=frozen-glass] .chat-input-wrapper,html[data-ui-style=frozen-glass] .toast{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:var(--glass-surface)!important;background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%)!important;border-color:var(--glass-border)!important}html[data-ui-style=frozen-glass] .toast{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 76%, transparent);border:0!important}html[data-ui-style=frozen-glass] .mobile-toggle{box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:var(--glass-surface-strong)!important;background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%)!important}html[data-ui-style=frozen-glass] .mobile-toggle.active{background-color:color-mix(in srgb, var(--accent-blue) 70%, var(--glass-surface-strong))!important}html[data-ui-style=frozen-glass] .image-viewer-counter,html[data-ui-style=frozen-glass] .image-viewer-actions,html[data-ui-style=frozen-glass] .image-viewer-nav,html[data-ui-style=frozen-glass] .vp-big-play,html[data-ui-style=frozen-glass] .vp-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--glass-surface)!important;background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%)!important;border-color:var(--glass-border)!important}html[data-ui-style=frozen-glass] .vp-btn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:color-mix(in srgb, var(--glass-surface) 72%, transparent)!important;background-image:linear-gradient(135deg, var(--glass-highlight), transparent 64%)!important;border-color:color-mix(in srgb, var(--glass-border) 72%, transparent)!important}html[data-ui-style=frozen-glass] .image-viewer-nav:hover,html[data-ui-style=frozen-glass] .vp-big-play:hover,html[data-ui-style=frozen-glass] .vp-btn:hover{background-color:color-mix(in srgb, var(--glass-surface-strong) 78%, var(--glass-highlight))!important}html[data-ui-style=frozen-glass] .message-date-divider>span,html[data-ui-style=frozen-glass] .mobile-message-date-divider>span{color:var(--text-secondary);font-size:calc(11px * var(--text-scale,1));letter-spacing:.01em;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;padding:3px 9px;font-weight:600;background-color:var(--glass-surface)!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background-image:none!important;border:0!important}html[data-ui-style=frozen-glass] .bot-inline-button,html[data-ui-style=frozen-glass] .mobile-bot-inline-button,html[data-ui-style=frozen-glass] .bot-reply-keyboard-button,html[data-ui-style=frozen-glass] .mobile-bot-reply-keyboard-button{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:var(--glass-surface)!important;background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%)!important;border-color:var(--glass-border)!important}html[data-ui-style=frozen-glass] .bot-inline-button:hover,html[data-ui-style=frozen-glass] .mobile-bot-inline-button:hover,html[data-ui-style=frozen-glass] .bot-reply-keyboard-button:hover,html[data-ui-style=frozen-glass] .mobile-bot-reply-keyboard-button:hover{background-color:color-mix(in srgb, var(--glass-surface) 76%, var(--glass-highlight))!important}html[data-ui-style=frozen-glass] .bot-reply-keyboard-panel,html[data-ui-style=frozen-glass] .mobile-bot-reply-keyboard-panel{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 76%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:var(--glass-surface)!important;background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%)!important;border-color:var(--glass-border)!important}html[data-ui-style=frozen-glass] .reply-bar,html[data-ui-style=frozen-glass] .mobile-reply-bar,html[data-ui-style=frozen-glass] .pending-attachment,html[data-ui-style=frozen-glass] .mobile-pending-attachment.visible{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:var(--glass-surface)!important;background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%)!important;border-color:var(--glass-border)!important}html[data-ui-style=frozen-glass] .mobile-chat-thread:has(.mobile-reply-bar) .mobile-reply-bar{background-color:var(--glass-surface)!important;box-shadow:none!important;background-image:none!important}html[data-ui-style=frozen-glass] .mobile-chat-thread:has(.mobile-reply-bar) .mobile-pending-attachment{background-color:var(--glass-surface)!important;box-shadow:none!important;background-image:none!important}html[data-ui-style=frozen-glass] .mobile-chat-thread:has(.mobile-reply-bar) .mobile-input-wrapper.has-reply{background-color:var(--glass-surface)!important;box-shadow:none!important;background-image:none!important}html[data-ui-style=frozen-glass] .mobile-chat-input-area:has(.mobile-reply-bar) .mobile-reply-bar{background-color:var(--glass-surface)!important;box-shadow:none!important;background-image:none!important}html[data-ui-style=frozen-glass] .mobile-chat-input-area:has(.mobile-reply-bar) .mobile-pending-attachment{background-color:var(--glass-surface)!important;box-shadow:none!important;background-image:none!important}html[data-ui-style=frozen-glass] .mobile-chat-input-area:has(.mobile-reply-bar) .mobile-input-wrapper.has-reply{background-color:var(--glass-surface)!important;box-shadow:none!important;background-image:none!important}:is(html[data-ui-style=frozen-glass] .mobile-chat-thread:has(.mobile-reply-bar) .mobile-reply-bar,html[data-ui-style=frozen-glass] .mobile-chat-input-area:has(.mobile-reply-bar) .mobile-reply-bar){border-bottom:0!important}:is(html[data-ui-style=frozen-glass] .mobile-chat-thread:has(.mobile-reply-bar) .mobile-pending-attachment,html[data-ui-style=frozen-glass] .mobile-chat-input-area:has(.mobile-reply-bar) .mobile-pending-attachment){border-top:0!important;border-bottom:0!important}:is(html[data-ui-style=frozen-glass] .mobile-chat-thread:has(.mobile-reply-bar) .mobile-input-wrapper.has-reply,html[data-ui-style=frozen-glass] .mobile-chat-input-area:has(.mobile-reply-bar) .mobile-input-wrapper.has-reply){border-top:0!important}:is(html[data-ui-style=frozen-glass] .chat-thread-input-container:has(>.reply-bar),html[data-ui-style=frozen-glass] .chat-thread-input-container:has(>.pending-attachment)){isolation:isolate}html[data-ui-style=frozen-glass] .chat-thread-input-container:has(>.reply-bar):before{content:"";z-index:0;border:1px solid var(--glass-border);background-color:var(--glass-surface);background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 76%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;border-radius:16px;position:absolute;inset:12px 0 24px}html[data-ui-style=frozen-glass] .chat-thread-input-container:has(>.pending-attachment):before{content:"";z-index:0;border:1px solid var(--glass-border);background-color:var(--glass-surface);background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 76%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;border-radius:16px;position:absolute;inset:12px 0 24px}:is(html[data-ui-style=frozen-glass] .chat-thread-input-container:has(>.reply-bar)>.reply-bar,html[data-ui-style=frozen-glass] .chat-thread-input-container:has(>.reply-bar)>.pending-attachment,html[data-ui-style=frozen-glass] .chat-thread-input-container:has(>.reply-bar)>.chat-input-wrapper,html[data-ui-style=frozen-glass] .chat-thread-input-container:has(>.pending-attachment)>.pending-attachment,html[data-ui-style=frozen-glass] .chat-thread-input-container:has(>.pending-attachment)>.chat-input-wrapper){z-index:1;position:relative;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border-color:#0000!important}:is(html[data-ui-style=frozen-glass] .mobile-thread-input:has(>.mobile-reply-bar),html[data-ui-style=frozen-glass] .mobile-thread-input:has(>.mobile-pending-attachment)){isolation:isolate}html[data-ui-style=frozen-glass] .mobile-thread-input:has(>.mobile-reply-bar):before{content:"";z-index:0;border:1px solid var(--glass-border);background-color:var(--glass-surface);background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 76%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;border-radius:16px;position:absolute;inset:0}html[data-ui-style=frozen-glass] .mobile-thread-input:has(>.mobile-pending-attachment):before{content:"";z-index:0;border:1px solid var(--glass-border);background-color:var(--glass-surface);background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 76%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;border-radius:16px;position:absolute;inset:0}:is(html[data-ui-style=frozen-glass] .mobile-thread-input:has(>.mobile-reply-bar)>.mobile-reply-bar,html[data-ui-style=frozen-glass] .mobile-thread-input:has(>.mobile-reply-bar)>.mobile-pending-attachment,html[data-ui-style=frozen-glass] .mobile-thread-input:has(>.mobile-reply-bar)>.mobile-input-wrapper,html[data-ui-style=frozen-glass] .mobile-thread-input:has(>.mobile-pending-attachment)>.mobile-pending-attachment,html[data-ui-style=frozen-glass] .mobile-thread-input:has(>.mobile-pending-attachment)>.mobile-input-wrapper){z-index:1;position:relative;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border-color:#0000!important}html[data-ui-style=frozen-glass] .mobile-tab-bar{box-shadow:inset 0 1px 0 var(--glass-highlight)}html[data-ui-style=frozen-glass] .dialog,html[data-ui-style=frozen-glass] .mobile-sheet,html[data-ui-style=frozen-glass] .context-menu,html[data-ui-style=frozen-glass] .notion-model-menu,html[data-ui-style=frozen-glass] .notion-model-submenu,html[data-ui-style=frozen-glass] .account-recovery-page.security-details-flow .account-recovery-card,html[data-ui-style=frozen-glass] .about-surf-modal,html[data-ui-style=frozen-glass] .opus-agents-modal,html[data-ui-style=frozen-glass] .opus-integrations-modal,html[data-ui-style=frozen-glass] .story-compose,html[data-ui-style=frozen-glass] .opus-agent-actions-menu,html[data-ui-style=frozen-glass] .opus-agent-model-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--glass-surface-strong)!important;background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%)!important;border-color:var(--glass-border)!important}html[data-ui-style=frozen-glass] .mobile-chat-ai-editor-motion{border:1px solid var(--glass-border);background-color:var(--glass-surface);background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 76%, transparent);-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);border-bottom:0;border-radius:16px 16px 0 0;overflow:hidden}html[data-ui-style=frozen-glass] .mobile-chat-ai-editor-motion .mobile-chat-ai-editor-sheet{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important}html[data-ui-style=frozen-glass] .context-menu.attachment-picker-menu{background-color:var(--glass-surface)!important;background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%)!important;border-color:var(--glass-border)!important;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 76%, transparent)!important;-webkit-backdrop-filter:blur(24px)saturate(145%)!important;backdrop-filter:blur(24px)saturate(145%)!important}html[data-ui-style=frozen-glass] .opus-agents-modal.editing .opus-agents-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--glass-surface-strong)!important;background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%)!important}html[data-ui-style=frozen-glass] .mobile-chats-header,html[data-ui-style=frozen-glass] .mobile-create-header,html[data-ui-style=frozen-glass] .pinned-panel,html[data-ui-style=frozen-glass] .mobile-sheet-item{border-color:color-mix(in srgb, var(--glass-border) 36%, transparent)!important}html[data-ui-style=frozen-glass] .mobile-settings-row.clickable:active,html[data-ui-style=frozen-glass] .mobile-sheet-item:active,html[data-ui-style=frozen-glass] .mobile-chat-item:active{background-color:color-mix(in srgb, var(--glass-highlight) 76%, transparent)!important}html[data-ui-style=frozen-glass] .mobile-folder-pill,html[data-ui-style=frozen-glass] .chat-input-wrapper.has-reply,html[data-ui-style=frozen-glass] .mobile-input-wrapper.has-reply{border-color:var(--glass-border)!important}html[data-ui-style=frozen-glass] .chat-thread-container.has-wallpaper .chat-thread-header,html[data-ui-style=frozen-glass] .main-area.has-wallpaper .chat-thread-header,html[data-ui-style=frozen-glass] .mobile-chat-thread.has-wallpaper .mobile-thread-header{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 76%, transparent);background-color:var(--glass-surface)!important;background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%)!important;border-color:var(--glass-border)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}html[data-ui-style=frozen-glass] .mobile-opus-input-wrapper,html[data-ui-style=frozen-glass] .ai-chat .chat-input-wrapper{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 76%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:var(--glass-surface)!important;background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%)!important;border-color:var(--glass-border)!important}html[data-ui-style=frozen-glass] .chat-scroll-down,html[data-ui-style=frozen-glass] .mobile-scroll-down{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:var(--glass-surface)!important;background-image:linear-gradient(135deg, var(--glass-highlight), transparent 58%)!important;border-color:var(--glass-border)!important;box-shadow:none!important}html[data-ui-style=frozen-glass] .context-menu:not(.closing),html[data-ui-style=frozen-glass] .context-menu.profile-menu-context.closing,html[data-ui-style=frozen-glass] .context-menu.chat-menu-context.closing{will-change:auto;backface-visibility:visible}*{box-sizing:border-box;margin:0;padding:0}:root{--radius-scale:1;--r-8:calc(8px * var(--radius-scale));--r-10:calc(10px * var(--radius-scale));--r-12:calc(12px * var(--radius-scale));--r-14:calc(14px * var(--radius-scale));--r-16:calc(16px * var(--radius-scale));--r-18:calc(18px * var(--radius-scale));--r-20:calc(20px * var(--radius-scale));--r-24:calc(24px * var(--radius-scale))}html[data-radius-mode=scaled] .context-menu,html[data-radius-mode=scaled] .setting-dropdown,html[data-radius-mode=scaled] .attach-menu-context,html[data-radius-mode=scaled] .chat-menu-context,html[data-radius-mode=scaled] .dialog,html[data-radius-mode=scaled] .folder-edit-modal,html[data-radius-mode=scaled] .voice-picker-modal,html[data-radius-mode=scaled] .opus-integrations-modal,html[data-radius-mode=scaled] .poll-modal,html[data-radius-mode=scaled] .schedule-modal,html[data-radius-mode=scaled] .wallpaper-picker,html[data-radius-mode=scaled] .pro-dialog,html[data-radius-mode=scaled] .pro-info-dialog,html[data-radius-mode=scaled] .gift-pro-modal,html[data-radius-mode=scaled] .report-dialog,html[data-radius-mode=scaled] .auth-card,html[data-radius-mode=scaled] .profile-card,html[data-radius-mode=scaled] .mobile-settings-card,html[data-radius-mode=scaled] .mobile-sheet,html[data-radius-mode=scaled] .search-panel,html[data-radius-mode=scaled] .forward-picker,html[data-radius-mode=scaled] .mobile-forward-picker,html[data-radius-mode=scaled] .message-bubble,html[data-radius-mode=scaled] .mobile-msg-bubble,html[data-radius-mode=scaled] .system-message-bubble{border-radius:var(--r-16)!important}html[data-radius-mode=scaled] .chat-input,html[data-radius-mode=scaled] .chat-input-wrapper,html[data-radius-mode=scaled] .mobile-chat-input,html[data-radius-mode=scaled] .mobile-search-input-wrapper,html[data-radius-mode=scaled] .mobile-gallery-search,html[data-radius-mode=scaled] .mobile-edit-field,html[data-radius-mode=scaled] .mobile-edit-textarea,html[data-radius-mode=scaled] .mobile-create-input,html[data-radius-mode=scaled] .mobile-opus-instructions-input,html[data-radius-mode=scaled] .opus-instructions-input,html[data-radius-mode=scaled] .auth-form input,html[data-radius-mode=scaled] .reply-bar,html[data-radius-mode=scaled] .mobile-reply-bar,html[data-radius-mode=scaled] .pending-attachment,html[data-radius-mode=scaled] .pending-attachment-item{border-radius:var(--r-12)!important}html[data-radius-mode=scaled] .sidebar-nav-btn,html[data-radius-mode=scaled] .sidebar-chat-item,html[data-radius-mode=scaled] .sidebar-folder-btn,html[data-radius-mode=scaled] .context-menu-item,html[data-radius-mode=scaled] .dialog-btn,html[data-radius-mode=scaled] .mobile-gallery-filter-btn,html[data-radius-mode=scaled] .mobile-gallery-item,html[data-radius-mode=scaled] .mobile-gallery-doc-item,html[data-radius-mode=scaled] .mobile-profile-add-btn,html[data-radius-mode=scaled] .mobile-settings-icon-wrap,html[data-radius-mode=scaled] .auth-form button{border-radius:var(--r-10)!important}html[data-radius=square] .context-menu,html[data-radius=square] .setting-dropdown,html[data-radius=square] .attach-menu-context,html[data-radius=square] .chat-menu-context,html[data-radius=square] .dialog,html[data-radius=square] .folder-edit-modal,html[data-radius=square] .voice-picker-modal,html[data-radius=square] .opus-integrations-modal,html[data-radius=square] .poll-modal,html[data-radius=square] .schedule-modal,html[data-radius=square] .wallpaper-picker,html[data-radius=square] .pro-dialog,html[data-radius=square] .pro-info-dialog,html[data-radius=square] .gift-pro-modal,html[data-radius=square] .report-dialog,html[data-radius=square] .auth-card,html[data-radius=square] .profile-card,html[data-radius=square] .mobile-settings-card,html[data-radius=square] .mobile-sheet,html[data-radius=square] .search-panel,html[data-radius=square] .forward-picker,html[data-radius=square] .mobile-forward-picker,html[data-radius=square] .message-bubble,html[data-radius=square] .mobile-msg-bubble,html[data-radius=square] .system-message-bubble,html[data-radius=square] .chat-input,html[data-radius=square] .chat-input-wrapper,html[data-radius=square] .mobile-chat-input,html[data-radius=square] .mobile-search-input-wrapper,html[data-radius=square] .mobile-gallery-search,html[data-radius=square] .mobile-edit-field,html[data-radius=square] .mobile-edit-textarea,html[data-radius=square] .mobile-create-input,html[data-radius=square] .mobile-opus-instructions-input,html[data-radius=square] .opus-instructions-input,html[data-radius=square] .auth-form input,html[data-radius=square] .reply-bar,html[data-radius=square] .mobile-reply-bar,html[data-radius=square] .pending-attachment,html[data-radius=square] .pending-attachment-item,html[data-radius=square] .sidebar-nav-btn,html[data-radius=square] .sidebar-chat-item,html[data-radius=square] .sidebar-folder-btn,html[data-radius=square] .context-menu-item,html[data-radius=square] .dialog-btn,html[data-radius=square] .mobile-gallery-filter-btn,html[data-radius=square] .mobile-gallery-item,html[data-radius=square] .mobile-gallery-doc-item,html[data-radius=square] .mobile-profile-add-btn,html[data-radius=square] .mobile-settings-icon-wrap,html[data-radius=square] .auth-form button{border-radius:0!important}input,textarea,button,select{background:0 0;border:none;outline:none}:focus,:focus-visible{outline:none!important}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:calc(15px * var(--text-scale,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;line-height:1.6;overflow:hidden}#root{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.anim-fade{opacity:0;animation:.6s forwards fadeIn}.anim-up{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.anim-left{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideLeft}.anim-scale{opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) forwards scaleIn}.app-icon-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:14px;display:grid}.app-icon-item{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:8px 4px;transition:background .15s;display:flex}.app-icon-item:hover{background:var(--bg-tertiary,var(--bg-secondary))}.app-icon-preview{object-fit:cover;width:60px;height:60px;box-shadow:0 2px 10px #00000040, inset 0 0 0 1px var(--surface-border);border-radius:15px;transition:box-shadow .15s}.app-icon-item.selected .app-icon-preview{box-shadow:0 0 0 2px var(--bg-secondary), 0 0 0 4px var(--accent-blue)}.app-icon-name{font-size:calc(12px * var(--text-scale,1));color:var(--text-muted);text-align:center;font-weight:500}.app-icon-item.selected .app-icon-name{color:var(--text-primary)}.app-icon-inline-preview{object-fit:cover;width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--surface-border);border-radius:6px}.session-boot{z-index:12000;background:var(--bg-primary);width:100%;min-height:100dvh;color:var(--text-primary);opacity:1;backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0;transform:translateZ(0)}.session-boot-logo{filter:drop-shadow(0 10px 24px #00000059);opacity:1;justify-content:center;align-items:center;display:flex;transform:scale(1)}.session-boot.session-boot-leaving{pointer-events:none;animation:.5s cubic-bezier(.22,1,.36,1) forwards session-boot-fade-out}.session-boot.session-boot-leaving .session-boot-logo{animation:.5s cubic-bezier(.22,1,.36,1) forwards session-boot-logo-out}@keyframes session-boot-fade-out{0%{opacity:1}to{opacity:0}}@keyframes session-boot-logo-out{0%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(.94)}}.session-boot-preview{z-index:20000;cursor:pointer}.session-boot-preview-hint{font-size:calc(13px * var(--text-scale,1));color:var(--text-muted);letter-spacing:.01em;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-weight:500}@media (prefers-reduced-motion:reduce){.session-boot.session-boot-leaving,.session-boot.session-boot-leaving .session-boot-logo{animation-duration:.01ms}}.call-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.call-card{background:var(--bg-primary);border-radius:24px;flex-direction:column;align-items:center;gap:16px;min-width:280px;max-width:90vw;padding:40px 32px;display:flex;box-shadow:0 24px 80px #0006}.call-avatar{background-color:var(--bg-quaternary);width:96px;height:96px;color:var(--text-primary);font-size:calc(36px * var(--text-scale,1));background-position:50%;background-size:cover;border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex}.call-avatar-placeholder{text-transform:uppercase}.call-name{font-size:calc(22px * var(--text-scale,1));color:var(--text-primary);text-align:center;font-weight:600}.call-status{font-size:calc(15px * var(--text-scale,1));color:var(--text-muted);text-align:center}.call-actions{justify-content:center;align-items:center;gap:32px;margin-top:8px;display:flex}.call-btn{box-sizing:border-box;cursor:pointer;width:64px;height:64px;color:var(--text-primary);background:var(--bg-quaternary);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:0;transition:transform .15s,background-color .15s;display:flex}.call-btn svg{flex:none;display:block}.call-btn:active{transform:scale(.94)}.call-btn.accept{background:var(--accent-green,#13b962);color:#fff}.call-btn.reject{background:var(--accent-red,#fa4442);color:#fff}.call-btn.muted{background:var(--accent-yellow,#f6be11);color:#fff}.call-header-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .15s,color .15s;display:flex}.call-header-btn:hover{color:var(--text-primary);background-color:var(--surface-hover)}.call-header-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=640px){.call-card{gap:14px;padding:32px 24px}.call-avatar{width:80px;height:80px;font-size:calc(28px * var(--text-scale,1))}.call-name{font-size:calc(20px * var(--text-scale,1))}.call-btn{width:60px;height:60px}}.call-page{z-index:10001;color:#fff;touch-action:pan-y;backface-visibility:hidden;will-change:transform, opacity;background:radial-gradient(circle at 50% 100%,#2a2a2a 0%,#0f0f0f 50%,#000 100%);flex-direction:column;align-items:center;animation:.32s cubic-bezier(.22,1,.36,1) both call-page-enter;display:flex;position:fixed;inset:0;overflow:hidden;transform:translate(0,0)}@keyframes call-page-enter{0%{opacity:0;transform:translateY(18px)scale(1.015)}to{opacity:1;transform:translate(0,0)scale(1)}}.call-page.is-dragging-down,.call-page.is-minimizing{touch-action:none;-webkit-user-select:none;user-select:none;animation:none!important}.call-page.is-minimizing{overflow:hidden;box-shadow:0 20px 60px #0006}.call-page.measuring{visibility:hidden;pointer-events:none;animation:none}.opus-voice-mode{z-index:10001;padding:22px 24px max(28px, env(safe-area-inset-bottom));box-sizing:border-box;color:#f5f5f5;background:#111;flex-direction:column;justify-content:space-between;align-items:center;animation:.24s ease-out both opus-voice-enter;display:flex;position:fixed;inset:0}.opus-voice-mode.measuring{visibility:hidden;pointer-events:none;animation:none}.opus-voice-speaking-effect{--opus-voice-opacity:.82;z-index:0;pointer-events:none;opacity:0;transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;overflow:hidden;transform:scale(.985)}.opus-voice-speaking-effect.is-speaking{opacity:var(--opus-voice-opacity);transform:scale(1)}.opus-voice-spectrum{width:100%;height:100%;display:block;position:absolute;inset:0}.opus-voice-three-scene{pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 18%,#000000b8 55%,#000 78% 100%);mask-image:linear-gradient(#0000 18%,#000000b8 55%,#000 78% 100%)}.opus-voice-three-scene canvas{width:100%;height:100%;display:block}.opus-voice-center,.opus-voice-actions{z-index:1}@keyframes opus-voice-enter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.opus-voice-action{box-sizing:border-box;color:#f5f5f5;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;padding:0;line-height:0;display:inline-flex}.opus-voice-action svg{flex:none;display:block}.opus-voice-action:active{transform:scale(.94)}.opus-voice-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;width:min(100%,760px);min-height:0;display:flex;position:relative}.opus-voice-orb{z-index:2;color:#111;background:#f2f2f2;border-radius:50%;justify-content:center;align-items:center;width:124px;height:124px;display:flex;position:relative}.opus-voice-status{min-height:1.4em;font-size:17px;font-weight:500}.opus-voice-status-text{animation:.15s cubic-bezier(.2,.8,.2,1) both opus-voice-status-in;display:inline-block}@keyframes opus-voice-status-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.opus-voice-actions{justify-content:center;align-items:center;gap:18px;padding-top:24px;display:flex}.opus-voice-action{background:#ffffff1a;border-radius:50%;transition:transform .15s,background-color .15s}.opus-voice-action.is-muted{background:#ffffff38}.opus-voice-action:disabled{cursor:not-allowed;opacity:.55}.opus-voice-action.opus-voice-end{background:#ed4b48}.opus-voice-action.opus-voice-end:active{background:#d9413f}@media (prefers-reduced-motion:reduce){.opus-voice-status-text{animation:none}}@media (width<=560px){.opus-voice-mode{padding-left:18px;padding-right:18px}.opus-voice-orb{width:116px;height:116px}.opus-voice-speaking-effect{inset:0}}.call-view-morph-shell:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 100%,#ffffff1f,#0000 55%);position:absolute;inset:0}.call-page-header{box-sizing:border-box;touch-action:none;justify-content:center;align-items:center;height:64px;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}.call-page-drag-handle{pointer-events:none;background:#ffffff59;border-radius:999px;width:36px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.call-page-back{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .15s,transform .15s;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.call-page-back:active{background:#ffffff2e;transform:translateY(-50%)scale(.94)}.call-page-title{font-size:calc(18px * var(--text-scale,1));font-weight:500}.call-page-content{z-index:1;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;width:100%;padding:24px;display:flex;position:relative}.call-video-bg{object-fit:cover;z-index:0;background:#000;width:100%;height:100%;position:absolute;inset:0}.call-screen-share-wrap{z-index:1;background:#080808;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.call-video-screen{object-fit:contain;background:0 0;width:100%;height:100%}.call-screen-share-badge{-webkit-backdrop-filter:blur(16px);font-size:calc(14px * var(--text-scale,1));color:#fff;z-index:10;white-space:nowrap;background:#141414d9;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:12px;padding:8px 16px;font-weight:500;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000073}.call-screen-share-badge-btn{color:#fff;font-size:calc(12px * var(--text-scale,1));cursor:pointer;background:#fa4442;border:none;border-radius:999px;padding:4px 12px;font-weight:600;transition:background-color .15s,transform .15s}.call-screen-share-badge-btn:hover{background:#e03b39}.call-screen-share-badge-btn:active{transform:scale(.95)}.call-participants-grid.overlay-grid{z-index:3;-webkit-backdrop-filter:blur(12px);background:#00000080;border:1px solid #ffffff1a;border-radius:20px;padding:12px 16px;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.call-video-local{object-fit:cover;z-index:3;background:#000;border:1px solid #ffffff29;border-radius:16px;width:120px;height:160px;position:absolute;top:76px;right:16px;box-shadow:0 8px 32px #00000080}.call-page-avatar{color:#333;width:160px;height:160px;font-size:calc(64px * var(--text-scale,1));background-color:#d1d5db;background-position:50%;background-size:cover;border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex;box-shadow:0 24px 80px #00000080}.call-page-avatar .call-avatar-placeholder{text-transform:uppercase}.call-page-name{font-size:calc(30px * var(--text-scale,1));text-align:center;font-weight:600}.call-page-timer{font-size:calc(16px * var(--text-scale,1));color:#ffffffb3;font-variant-numeric:tabular-nums}.call-page-content.has-remote-video .call-page-timer{z-index:2;color:#ffffffdb;background:#00000047;border-radius:999px;padding:4px 10px;position:absolute;top:76px;left:50%;transform:translate(-50%)}.call-page-content.has-screen-share .call-page-timer{top:124px}.call-page-actions{z-index:2;justify-content:center;align-items:center;gap:28px;padding:32px 32px 48px;display:flex;position:relative}.call-page-actions .call-btn{color:#fff;background:#ffffff1f;width:68px;height:68px}.call-page-actions .call-btn:active{background:#fff3}.call-page-actions .call-btn.muted{color:#fff;background:#ffffff1f}.call-page-actions .call-btn.muted:active{background:#fff3}.call-page-actions .call-btn.speaker.active{background:var(--accent-blue,#3287fe);color:#fff}.call-page-actions .call-btn.reject{color:#fff;background:#fa4442}.call-page-actions .call-btn.reject:active{background:#e03b39}.call-page-actions .call-btn.leave{color:#fff;background:#fa4442}.call-page-actions .call-btn.leave:active{background:#e03b39}.call-page-glow{filter:blur(80px);opacity:.35;pointer-events:none;z-index:1;will-change:opacity, transform;background:radial-gradient(at 50% 100%,#ffffff38 0%,#ffffff14 25%,#0000 70%);border-radius:50%;width:160vw;max-width:1200px;height:60vh;min-height:420px;position:absolute;bottom:-10vh;left:50%;transform:translate(-50%)scale(1)}.call-page-glow:after{content:"";filter:blur(40px);opacity:.6;background:radial-gradient(at 50% 100%,#ffffff1f 0%,#0000 55%);border-radius:50%;position:absolute;inset:0}.call-top-bar{-webkit-backdrop-filter:blur(16px);z-index:10000;cursor:grab;color:#fff;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:none;transform-origin:50%;will-change:left, top, transform, opacity;background:#141414eb;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:6px;width:150px;padding:16px 12px 12px;transition:left .35s cubic-bezier(.22,1,.36,1),top .35s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:flex;position:fixed;box-shadow:0 8px 32px #00000059}.call-top-bar.measuring{visibility:hidden;pointer-events:none}.call-top-bar.dragging{cursor:grabbing;transition:none;animation:none;box-shadow:0 12px 40px #00000073}.call-top-bar-avatar{background-color:var(--bg-quaternary);width:64px;height:64px;font-size:calc(22px * var(--text-scale,1));background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:flex}.call-top-bar-name{font-size:calc(15px * var(--text-scale,1));white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 4px;font-weight:600;overflow:hidden}.call-top-bar-status{font-size:calc(12px * var(--text-scale,1));color:#13b962;justify-content:center;align-items:center;gap:4px;display:flex}.call-top-bar-actions{justify-content:space-between;gap:8px;width:100%;margin-top:8px;display:flex}.call-top-bar-expand,.call-top-bar-end{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,background-color .15s;display:flex}.call-top-bar-expand{color:#fff;background:#ffffff1f}.call-top-bar-expand:hover{background:#fff3}.call-top-bar-end{color:#fff;background:#fa4442}.call-top-bar-end.leave{background:#f6be11}.call-top-bar-expand:active,.call-top-bar-end:active{transform:scale(.94)}.call-participants-grid{z-index:2;justify-content:center;justify-items:center;gap:24px 32px;width:100%;max-height:60vh;padding:8px;display:grid;overflow-y:auto}.call-participants-grid.count-1{grid-template-columns:1fr;max-width:220px}.call-participants-grid.count-2,.call-participants-grid.count-3,.call-participants-grid.count-4{grid-template-columns:repeat(2,1fr);max-width:420px}.call-participants-grid.count-5{grid-template-columns:repeat(3,1fr);max-width:640px}.call-participants-grid.single{max-width:220px}.call-participants-grid.many .call-participant-avatar{width:100px;height:100px;font-size:calc(36px * var(--text-scale,1))}.call-participants-grid.many .call-participant-name{font-size:calc(14px * var(--text-scale,1))}.call-participant-card{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.call-participant-card.speaking .call-participant-avatar{box-shadow:0 0 0 3px #ffffff80}.call-participant-avatar{color:#333;width:132px;height:132px;font-size:calc(48px * var(--text-scale,1));background-color:#d1d5db;background-position:50%;background-size:cover;border-radius:50%;justify-content:center;align-items:center;font-weight:500;transition:box-shadow .2s;display:flex;position:relative}.call-participant-name{font-size:calc(16px * var(--text-scale,1));text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#fff;max-width:100%;font-weight:500;overflow:hidden}.call-page-empty{font-size:calc(16px * var(--text-scale,1));color:#ffffffb3;text-align:center;grid-column:1/-1}@media (width<=640px){.call-page-avatar{width:140px;height:140px;font-size:calc(56px * var(--text-scale,1))}.call-page-name{font-size:calc(26px * var(--text-scale,1))}.call-page-actions{gap:24px;padding-bottom:40px}.call-btn{width:60px;height:60px}.call-participants-grid{gap:16px 20px}.call-participants-grid.single{max-width:180px}.call-participants-grid.many .call-participant-avatar{width:84px;height:84px;font-size:calc(30px * var(--text-scale,1))}.call-participant-avatar{width:120px;height:120px;font-size:calc(42px * var(--text-scale,1))}.call-participant-name{font-size:calc(15px * var(--text-scale,1))}}.call-volume-overlay{z-index:10002;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.call-volume-dialog{background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:16px;flex-direction:column;gap:16px;width:90%;min-width:280px;max-width:320px;padding:20px;display:flex;box-shadow:0 20px 40px #0006}.call-volume-header{font-size:calc(16px * var(--text-scale,1));color:var(--text-primary);align-items:center;gap:10px;font-weight:600;display:flex}.call-volume-slider{background:var(--surface-hover-strong);appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.call-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-blue);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0000004d}.call-volume-slider::-moz-range-thumb{background:var(--accent-blue);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0000004d}.call-volume-value{text-align:center;font-size:calc(14px * var(--text-scale,1));color:var(--text-muted)}.call-volume-close{background:var(--surface-hover-strong);color:var(--text-primary);font-size:calc(15px * var(--text-scale,1));cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-weight:600;transition:background-color .15s}.call-volume-close:hover{background:var(--surface-hover)}.call-moderation-actions{flex-direction:column;gap:8px;display:flex}.call-moderation-btn{background:var(--surface-hover-strong);width:100%;color:var(--text-primary);font-size:calc(15px * var(--text-scale,1));cursor:pointer;text-align:left;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-weight:600;transition:background-color .15s;display:flex}.call-moderation-btn:hover{background:var(--surface-hover)}.call-moderation-btn.danger{color:#ff6b6b}.call-moderation-btn.danger:hover{background:#ff6b6b1f}.call-participant-muted-badge{border:1.5px solid var(--surface-border);color:#ff6b6b;background:#141418eb;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:-2px;right:-2px}.call-hard-muted-banner{color:#ff8a8a;font-size:calc(13px * var(--text-scale,1));text-align:center;background:#ff6b6b1f;border-radius:10px;margin-top:10px;padding:8px 12px;font-weight:600}.call-btn.hard-muted{opacity:.65;cursor:not-allowed}.call-btn.hard-muted:disabled{pointer-events:none}.call-participant-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.call-more-wrap{justify-content:center;align-items:center;display:flex;position:relative}.call-page-actions .call-btn.active{background:#ffffff38}.call-more-backdrop{z-index:10010;background:0 0;position:fixed;inset:0}.call-more-menu-handle{display:none}@media (width<=767px){.call-more-backdrop{background:var(--black-transparent-05a);animation:.15s fadeIn}.call-more-backdrop.closing{animation:.25s forwards fadeOut}.context-menu.attach-menu-context.call-more-menu{box-sizing:border-box;width:100%;min-width:0;max-width:500px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));transform-origin:bottom;border:none;border-radius:16px 16px 0 0;gap:2px;animation:.25s cubic-bezier(.16,1,.3,1) callMoreSheetIn;transform:translate(-50%);inset:auto auto 0 50%!important}.context-menu.attach-menu-context.call-more-menu.closing{animation:.25s cubic-bezier(.16,1,.3,1) forwards callMoreSheetOut}.call-more-menu-handle{background-color:var(--border-stronger);border-radius:2px;width:32px;height:4px;margin:4px auto 12px;display:block}.context-menu.attach-menu-context.call-more-menu .call-more-menu-item{font-size:calc(15px * var(--text-scale,1));border-radius:12px;gap:14px;padding:14px 16px}}@keyframes callMoreSheetIn{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes callMoreSheetOut{0%{transform:translate(-50%)}to{transform:translate(-50%,100%)}}.call-opus-backdrop{z-index:10012;background:#0000002e;animation:.2s both call-opus-backdrop-in;position:fixed;inset:0}.call-opus-backdrop.closing{pointer-events:none;animation:.32s both call-opus-backdrop-out}@keyframes call-opus-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes call-opus-backdrop-out{0%{opacity:1}to{opacity:0}}.call-opus-sheet{z-index:10013;background:var(--bg-primary);width:clamp(380px,32vw,480px);color:var(--text-primary);font-family:var(--font-sans);border-left:1px solid var(--surface-border);box-sizing:border-box;will-change:transform;backface-visibility:hidden;border-radius:20px 0 0 20px;flex-direction:column;animation:.34s cubic-bezier(.22,1,.36,1) both call-opus-panel-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-16px 0 48px #00000047}.call-opus-sheet.closing{pointer-events:none;animation:.3s cubic-bezier(.4,0,.7,.2) both call-opus-panel-out}@keyframes call-opus-panel-in{0%{transform:translate(100%)}to{transform:translate(0,0)}}@keyframes call-opus-panel-out{0%{transform:translate(0,0)}to{transform:translate(100%)}}.call-opus-sheet-chrome{border-bottom:1px solid var(--surface-border);background:var(--bg-primary);flex-direction:column;flex-shrink:0;align-items:center;padding:10px 12px;display:flex}.call-opus-sheet-handle{background:var(--surface-hover-strong,#80808059);border-radius:999px;width:36px;height:4px;margin-bottom:8px;display:none}.call-opus-sheet-bar{justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;display:flex}.call-opus-sheet-brand{font-size:calc(17px * var(--text-scale,1));color:var(--text-primary);align-items:center;gap:8px;font-weight:600;display:flex}.call-opus-sheet-close{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.call-opus-sheet-close:hover{background:var(--surface-hover-strong);color:var(--text-primary)}.call-opus-thread{background:var(--bg-primary);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.call-opus-welcome{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;min-height:0;padding:32px 20px;display:flex}.call-opus-welcome-title{font-family:"Google Sans Flex", var(--font-sans), sans-serif;font-size:calc(32px * var(--text-scale,1));text-align:center;color:var(--text-primary);letter-spacing:-.4px;margin:0;font-weight:350}.call-opus-welcome-input{width:100%;max-width:520px}.call-opus-messages.chat-thread-messages{background:var(--bg-primary);flex:1;gap:8px;width:100%;max-width:none;height:auto;min-height:0;padding:20px 16px 12px;padding-bottom:12px!important}.call-opus-footer{background:var(--bg-primary);flex-shrink:0;width:100%;max-width:none;margin:0 auto;padding:10px 12px 14px}.call-opus-sheet .chat-input-wrapper{width:100%;min-height:56px;box-shadow:none;align-items:center;gap:8px;padding:7px;position:relative}.call-opus-sheet .chat-input-wrapper>.opus-rotating-placeholder{line-height:24px;font-size:calc(14.5px * var(--text-scale,1));top:16px;left:15px;right:58px}.call-opus-sheet .chat-input{resize:none;align-self:center;min-height:40px;max-height:40px;padding:9px 8px}.call-opus-sheet .message-text{white-space:pre-wrap;word-break:break-word}@media (width<=767px){.call-opus-backdrop{background:var(--black-transparent-05a)}.call-opus-sheet{border:1px solid var(--surface-border);border-bottom:none;border-radius:20px 20px 0 0;width:100%;height:min(88dvh,760px);max-height:calc(100dvh - 16px);padding-bottom:0;animation:.34s cubic-bezier(.22,1,.36,1) both call-opus-sheet-in;top:auto;left:0;right:0;box-shadow:0 -16px 48px #00000052}.call-opus-sheet.closing{animation:.3s cubic-bezier(.4,0,.7,.2) both call-opus-sheet-out}.call-opus-sheet-chrome{padding:8px 12px 6px}.call-opus-sheet-handle{display:block}.call-opus-messages.chat-thread-messages{padding-left:12px;padding-right:12px}.call-opus-sheet .message-bubble{max-width:80%}.call-opus-sheet .message-text{font-size:calc(15px * var(--text-scale,1))}.call-opus-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}@keyframes call-opus-sheet-in{0%{transform:translateY(100%)}to{transform:translate(0,0)}}@keyframes call-opus-sheet-out{0%{transform:translate(0,0)}to{transform:translateY(100%)}}.call-recording-indicator,.call-recording-error{font-size:calc(13px * var(--text-scale,1));margin-top:10px;font-weight:650}.call-recording-indicator{color:#fff;font-variant-numeric:tabular-nums;background:#d92d20;border-radius:8px;align-items:center;gap:7px;padding:6px 10px;display:inline-flex}.call-recording-indicator>span{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite call-rec-pulse}.call-recording-error{color:#ff6b62;max-width:340px}.call-record-menu-item{color:inherit}.call-record-menu-item:disabled{opacity:.5}.call-top-bar-rec{color:#e5484d;font-size:calc(11px * var(--text-scale,1));align-items:center;gap:5px;font-weight:750;display:flex}.call-top-bar-rec span{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite call-rec-pulse}@keyframes call-rec-pulse{50%{opacity:.35}}
