:root{font-synthesis:none;--canvas:#fff;--sidebar:#f2f2f4;--surface:#f7f7f9;--surface-soft:#eaeaec;--hover:#e3e3e7;--border:#e5e5e9;--text:#242426;--muted:#77777f;--subtle:#92929b;--accent:#007aff;--accent-hover:#0069df;--selection:#e1e1e7;--selection-text:#242426;--bubble:#ececee;--bubble-own:#007aff;--bubble-own-text:#fff;--shadow:0 25px 100px #14213b29;--overlay:#10182766;--player:#17212d;--player-text:#dce6f0;--field:#fbfcfe;--peach:#ebd7cb;--peach-text:#87634f;--sage:#d9e5dc;--sage-text:#577060;--blue:#e1e9ff;--blue-text:#536ec7;color:var(--text);background:var(--canvas);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}:root[data-theme=dark]{--canvas:#1c1c1e;--sidebar:#252527;--surface:#2b2b2e;--surface-soft:#343437;--hover:#3e3e42;--border:#3a3a3e;--text:#f2f2f5;--muted:#adadb5;--subtle:#8b8b95;--accent:#0a84ff;--accent-hover:#3298ff;--selection:#3b3b3f;--selection-text:#f2f2f5;--bubble:#333336;--bubble-own:#0a76f0;--bubble-own-text:#fff;--shadow:0 25px 100px #0008;--overlay:#05080bb8;--player:#0e131a;--player-text:#dce6f0;--field:#1d2229;--peach:#55443a;--peach-text:#e0bda4;--sage:#364b42;--sage-text:#b6d0bd;--blue:#2d3e60;--blue-text:#b5c8ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;display:inline-flex}button:hover{background:var(--hover)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button svg{flex-shrink:0}input,textarea,select{color:var(--text)}h1,h2,h3,p{margin:0}input,select,textarea{accent-color:var(--accent)}select{border:1px solid var(--border);background:var(--field);border-radius:9px;min-height:42px;padding:11px 13px}select option{background:var(--surface);color:var(--text)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.app{background:var(--canvas);height:100dvh;min-height:520px;display:flex;overflow:hidden}.sidebar{background:var(--sidebar);flex-direction:column;flex-shrink:0;width:302px;padding:28px 16px 0;display:flex}.sidebar-toolbar{align-items:center;gap:10px;display:flex}.sidebar-toolbar .search{flex:1;min-width:0}.new-chat-button{background:var(--surface-soft);width:32px;height:32px;color:var(--muted);border-radius:50%;flex-shrink:0}.search{background:var(--surface-soft);color:var(--muted);border-radius:11px;align-items:center;gap:9px;padding:11px 12px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:14px}.search input::placeholder{color:var(--muted)}.contact-list{flex:1;margin-top:23px;overflow:auto}.contact{text-align:left;border-radius:12px;justify-content:flex-start;gap:12px;width:100%;margin:5px 0;padding:15px 11px;position:relative}.contact.selected{background:var(--selection)}.inbox-contact{margin-bottom:23px}.avatar{border-radius:50%;flex-shrink:0;place-items:center;width:45px;height:45px;font-size:19px;font-weight:550;display:grid}.avatar.peach{background:var(--peach);color:var(--peach-text)}.avatar.sage{background:var(--sage);color:var(--sage-text)}.avatar.blue{background:var(--blue);color:var(--blue-text)}.contact-copy{gap:7px;min-width:0;display:grid}.contact-copy strong{font-size:14px;font-weight:600}.contact-copy>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:174px;font-size:13px;overflow:hidden}.contact-time{color:var(--subtle);font-size:11px;position:absolute;top:17px;right:12px}.sidebar-footer{margin-top:auto;padding:8px 0 10px}.profile-bar{background:var(--surface-soft);border-radius:14px;align-items:center;gap:4px;padding:6px;display:flex}.profile-entry{border-radius:10px;flex:1;justify-content:flex-start;gap:10px;min-width:0;height:38px;padding:3px 5px}.profile-entry .profile-avatar{width:32px;height:32px;font-size:14px}.profile-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.profile-settings{width:32px;height:32px;color:var(--muted);border-radius:9px;flex-shrink:0;padding:0}.profile-avatar{background:var(--blue);width:38px;height:38px;color:var(--blue-text);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;font-weight:600;display:grid}.profile-avatar.large{background:var(--peach);width:110px;height:110px;color:var(--peach-text);font-size:43px}.conversation,.settings-main,.watch-main{background:var(--canvas);flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{align-items:center;gap:12px;height:94px;min-height:94px;padding:21px 34px;display:flex}.chat-header .avatar{border-radius:50%;width:40px;height:40px}.chat-header h2{font-size:17px;font-weight:600}.demo-badge{color:var(--muted);background:var(--surface-soft);border-radius:6px;padding:5px 8px;font-size:12px;font-weight:400}.header-actions{gap:14px;margin-left:auto;display:flex}.header-actions>button{width:34px;height:34px;color:var(--muted);border-radius:9px}.timeline{flex:1;padding:30px 6% 25px;overflow:auto}.message-day{display:flow-root;position:relative}.date-divider{z-index:2;pointer-events:none;color:var(--muted);justify-content:center;margin:0 0 26px;padding:0 0 4px;font-size:12px;font-weight:500;display:flex;position:sticky;top:10px}.date-divider span{background:color-mix(in srgb,var(--surface-soft) 88%,transparent);-webkit-backdrop-filter:blur(16px);border-radius:20px;padding:7px 14px}.message-day+.message-day{margin-top:22px}.message-row{align-items:center;gap:8px;margin:18px 0;display:flex}.message-row.mine{flex-direction:row-reverse}.bubble{background:var(--bubble);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:17px 17px 17px 5px;padding:13px 17px;font-size:15px;line-height:1.65}.mine .bubble{background:var(--bubble-own);color:var(--bubble-own-text);border-radius:17px 17px 5px}.message-meta{color:var(--subtle);margin-top:7px;padding:0 5px;font-size:12px}.mine .message-meta{text-align:right}.reply-action{opacity:0;color:var(--muted);border-radius:8px;padding:7px}.message-row:hover .reply-action,.reply-action:focus-visible{opacity:1}.quoted{border-left:2px solid var(--accent);color:var(--muted);margin-bottom:8px;padding-left:10px;font-size:14px}.composer-area{padding:10px 34px 18px}.composer{background:0 0;align-items:flex-end;gap:10px;display:flex}.composer .attachment-button{background:var(--surface-soft);width:36px;min-width:36px;height:36px;color:var(--muted);border-radius:50%;flex-shrink:0;padding:0;transition:background .15s,color .15s}.composer .attachment-button:hover{background:var(--hover);color:var(--text)}.composer textarea{background:var(--surface-soft);resize:none;border:0;border-radius:18px;outline:none;flex:1;width:100%;min-width:0;min-height:36px;max-height:160px;padding:8px 15px;font-size:14px;line-height:20px;display:block;overflow-y:auto}.composer textarea::placeholder{color:var(--muted)}.composer textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.reply-preview{background:var(--surface-soft);color:var(--muted);border-radius:12px;align-items:center;gap:10px;margin-bottom:9px;padding:12px;font-size:14px;display:flex}.reply-preview span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.inline-notice{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin:15px 34px 0;padding:12px 15px;font-size:14px;display:flex}.inline-notice button{border-radius:6px;padding:4px}.stream-card{text-align:left;background:var(--surface-soft);border-radius:14px;align-items:center;gap:14px;width:100%;margin-top:25px;padding:17px;display:flex}.stream-card strong{font-size:14px;font-weight:550}.stream-card>svg{color:var(--muted);margin-left:auto}.stream-card-icon{background:var(--surface-soft);color:var(--muted);border-radius:10px;padding:10px}.back-link{color:var(--muted);border-radius:8px;justify-content:flex-start;gap:10px;width:max-content;padding:8px;font-size:14px}.settings-sidebar>.back-link{margin:0 0 24px 2px}.settings-sidebar h1{letter-spacing:-.7px;padding:0 12px 24px;font-size:25px;font-weight:650}.settings-profile{border-radius:12px;justify-content:flex-start;gap:14px;width:100%;padding:15px 12px}.settings-profile.is-active{background:var(--selection)}.settings-profile .profile-avatar{width:47px;height:47px;font-size:21px}.settings-profile strong{font-size:15px;font-weight:550}.settings-nav{gap:8px;margin-top:24px;display:grid}.settings-nav button{color:var(--muted);border-radius:10px;justify-content:flex-start;gap:15px;padding:14px 17px;font-size:15px}.settings-nav button[aria-current=page]{background:var(--selection);color:var(--text)}.page-heading{align-items:center;gap:12px;height:94px;min-height:94px;padding:25px 42px;display:flex}.page-heading h2{font-size:19px;font-weight:600}.page-heading .demo-badge{margin-left:auto}.settings-content{width:100%;max-width:880px;margin:0 auto;padding:42px;overflow:auto}.settings-content h3{margin-bottom:20px;font-size:15px;font-weight:550}.settings-card{background:var(--surface);border-radius:15px;overflow:hidden}.setting-row{justify-content:space-between;align-items:center;gap:20px;min-height:79px;padding:18px 23px;font-size:15px;display:flex}.setting-row select{min-width:165px}.profile-hero{justify-content:center;padding:10px 0 40px;display:flex}.field-row{color:var(--muted);align-items:center;gap:15px;padding:20px 23px;font-size:15px;display:flex}.field-row+.field-row{border-top:1px solid var(--border)}.field-row>span{min-width:44px}.field-row input{text-align:right;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:15px}.form-actions{justify-content:flex-end;margin-top:24px;display:flex}.primary,.secondary{border-radius:9px;min-height:42px;padding:12px 22px;font-size:14px;font-weight:500}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-hover)}.secondary{background:var(--surface-soft);color:var(--text)}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.theme-option{border:1px solid var(--border);background:var(--surface);border-radius:13px;flex-direction:column;align-items:stretch;gap:14px;padding:9px;display:flex}.theme-option.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-swatch{background:#fff;border:1px solid #dddfe6;border-radius:8px;height:125px;display:flex;overflow:hidden}.swatch-side{background:#f1f3f8;flex-direction:column;gap:9px;width:32%;padding:20px 7px;display:flex}.swatch-side i{background:#d8deea;border-radius:4px;height:6px}.swatch-chat{flex-direction:column;flex:1;align-items:flex-start;gap:11px;padding:23px 10px;display:flex}.swatch-chat i{background:#e9ecf2;border-radius:5px;width:72%;height:12px}.swatch-chat i:nth-child(2){background:#dbe4ff;align-self:flex-end;width:64%}.swatch-chat i:last-child{width:48%}.swatch-dark{background:#16191f;border-color:#303640}.swatch-dark .swatch-side{background:#242a33}.swatch-dark .swatch-side i{background:#3b4451}.swatch-dark .swatch-chat i{background:#343d4c}.swatch-dark .swatch-chat i:nth-child(2){background:#3d5486}.swatch-system{background:linear-gradient(90deg,#fff 50%,#16191f 50%);border-color:#838b99}.swatch-system .swatch-chat{background:linear-gradient(90deg,#0000 26%,#16191f 26%)}.swatch-system .swatch-chat i{background:linear-gradient(90deg,#e9ecf2 36%,#343d4c 36%)}.swatch-system .swatch-chat i:nth-child(2){background:#3d5486}.theme-label{text-align:left;align-items:center;gap:8px;padding:0 4px 5px;font-size:14px;display:flex}.theme-label>svg{color:var(--muted)}.radio-dot{border:1px solid var(--border);border-radius:50%;place-items:center;width:17px;height:17px;margin-left:auto;display:grid}.is-selected .radio-dot{background:var(--accent);border-color:var(--accent);color:#fff}.defaults-card{padding:25px}.quality-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.quality-grid label{min-width:0;color:var(--muted);flex-direction:column;gap:10px;font-size:14px;display:flex}.quality-grid select{width:100%;min-width:0;font-size:14px}.audio-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:23px;padding-top:20px;font-size:14px;display:flex}.audio-row input{appearance:none;background:var(--border);cursor:pointer;border:0;border-radius:20px;width:38px;height:23px;position:relative}.audio-row input:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0002}.audio-row input:checked{background:var(--accent)}.audio-row input:checked:before{transform:translate(15px)}.dialog-backdrop{z-index:30;background:var(--overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:25px;display:grid;position:fixed;inset:0}.stream-dialog{border:1px solid var(--border);background:var(--surface);width:780px;max-width:100%;max-height:90dvh;box-shadow:var(--shadow);border-radius:20px;padding:25px;overflow:auto}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.dialog-heading h2{font-size:20px;font-weight:600}.dialog-heading button{color:var(--muted);border-radius:8px;padding:7px}.source-tabs{background:var(--canvas);border:1px solid var(--border);border-radius:11px;gap:5px;padding:5px;display:flex}.source-tabs button{color:var(--muted);border-radius:7px;flex:1;padding:12px 9px;font-size:14px}.source-tabs button[aria-selected=true]{background:var(--surface-soft);color:var(--text)}.source-grid{grid-template-columns:1fr 1fr;gap:18px;margin:25px 0;display:grid}.source-card{text-align:left;background:var(--canvas);border:2px solid #0000;border-radius:12px;padding:0;display:block;overflow:hidden}.source-card.is-selected{border-color:var(--accent)}.source-card:hover{background:var(--canvas)}.source-thumbnail{background:var(--canvas);flex-direction:column;height:162px;display:flex;overflow:hidden}.mini-toolbar{background:var(--surface-soft);align-items:center;gap:4px;height:21px;padding:0 9px;display:flex}.mini-toolbar i{background:var(--muted);opacity:.55;border-radius:50%;width:4px;height:4px}.mini-content{flex:1;display:flex}.mini-sidebar{background:var(--sidebar);flex-direction:column;gap:13px;width:31%;padding:22px 13px;display:flex}.mini-sidebar i{background:var(--border);border-radius:5px;height:6px}.mini-chat{flex-direction:column;flex:1;align-items:flex-start;gap:14px;padding:24px 22px;display:flex}.mini-chat i{background:var(--bubble);border-radius:6px;width:75%;height:15px}.mini-chat i:nth-child(2){background:var(--bubble-own);align-self:flex-end;width:68%}.sample-1 .mini-chat{gap:10px;padding-top:18px}.sample-1 .mini-chat i{height:22px}.screens .mini-content{border:1px solid var(--border);border-radius:4px;margin:10px;overflow:hidden}.devices{color:var(--muted);background:var(--surface-soft);justify-content:center;align-items:center}.devices .mini-toolbar{display:none}.source-caption{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;font-size:14px;display:flex}.source-caption svg{color:var(--accent)}.dialog-quality{border-top:1px solid var(--border);padding-top:23px}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.watch-content{flex:1;min-height:0;padding:34px;display:flex}.player{background:var(--player);color:var(--player-text);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:100%;display:flex;overflow:hidden}.player.stage{flex:1;min-height:270px}.player-top{justify-content:space-between;align-items:center;padding:13px 17px;font-size:14px;display:flex}.player-top>div{gap:10px;display:flex}.player button{border-radius:6px;padding:5px}.player button:hover{background:#ffffff12}.player-canvas{color:#87a0b2;background:radial-gradient(at 30% 110%,#6885a330,#0000 60%),radial-gradient(at 110% 0,#668a8b25,#0000 60%),#172532;flex:1;place-items:center;min-height:100px;display:grid;position:relative;overflow:hidden}.player-canvas>svg{opacity:.65;z-index:1}.scene-orbit{border:1px solid #afc2d212;border-radius:44%;width:380px;height:380px;position:absolute;top:-220px;right:-100px;transform:rotate(-30deg)}.scene-orbit.second{width:600px;height:600px;top:-300px;right:-170px}.player-controls{color:#b5c7d9;align-items:center;gap:17px;padding:12px 17px;font-size:12px;display:flex}.player-controls>span{align-items:center;gap:8px;display:flex}.player-controls input{accent-color:#9badcf;width:76px;height:3px}.player-quality{margin-left:auto}.inline-player{justify-content:flex-end;padding:0 34px 5px;display:flex}.player.compact{width:340px;height:200px}.compact .player-top{padding:7px 12px;font-size:12px}.compact .player-top button{padding:3px}.compact .player-controls{gap:8px;padding:8px 12px}.compact .player-quality{font-size:11px}.compact .player-controls input{width:45px}@media (width>=1500px){.sidebar{width:330px}.timeline{padding-left:8%;padding-right:8%}.settings-content{padding-top:55px}.theme-swatch{height:145px}}@media (width<=1000px){.sidebar{width:260px}.contact-copy>span{max-width:136px}.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-content{padding:32px 26px}.page-heading{padding-left:26px;padding-right:26px}.theme-options{gap:10px}.theme-swatch{height:105px}.theme-label{gap:6px;font-size:13px}.theme-label>svg{width:15px}}@media (width<=700px){.sidebar{width:90px;padding:21px 9px 0}.sidebar-toolbar{justify-content:center}.search{display:none}.contact-list{margin-top:0}.contact{justify-content:center;padding:12px}.contact-copy,.contact-time{display:none}.inbox-contact{margin-bottom:15px}.profile-entry{justify-content:center;padding:3px}.profile-entry strong,.profile-entry>svg{display:none}.avatar{width:40px;height:40px}.chat-header{gap:9px;height:80px;min-height:80px;padding:17px}.header-actions{gap:3px}.header-actions>button{width:30px}.chat-header h2{font-size:16px}.demo-badge{padding:4px 6px;font-size:11px}.timeline{padding:24px 16px}.bubble-group{max-width:88%}.bubble{padding:12px 14px;font-size:14px}.composer-area{padding:10px 16px 16px}.settings-sidebar{width:172px;padding:20px 10px}.settings-sidebar>.back-link{margin-bottom:22px;font-size:12px}.settings-sidebar h1{padding-left:9px;font-size:21px}.settings-profile{gap:9px;padding:12px 8px}.settings-profile .profile-avatar{width:34px;height:34px;font-size:16px}.settings-profile strong{font-size:13px}.settings-nav button{gap:10px;padding:13px 10px;font-size:13px}.settings-nav button svg{width:17px}.page-heading{height:80px;min-height:80px;padding:20px}.page-heading h2{font-size:17px}.settings-content{padding:25px 18px}.theme-options{grid-template-columns:1fr}.theme-option{flex-direction:row;align-items:center;gap:13px}.theme-swatch{flex-shrink:0;width:85px;height:65px}.theme-label{flex:1;font-size:14px}.swatch-side{gap:5px;padding:12px 5px}.swatch-chat{gap:6px;padding:12px 6px}.swatch-chat i{height:8px}.field-row{flex-wrap:wrap;gap:9px;padding:18px 14px}.field-row input{min-width:95px}.setting-row{flex-direction:column;align-items:stretch;padding:18px}.setting-row select{min-width:0}.defaults-card{padding:18px}.quality-grid{gap:15px}.quality-grid label{font-size:13px}.quality-grid select{padding:10px;font-size:13px}.dialog-backdrop{padding:13px}.stream-dialog{border-radius:16px;padding:19px}.source-tabs button{gap:6px;padding:10px 5px;font-size:12px}.source-tabs button svg{width:15px}.source-grid{gap:12px;margin-top:19px}.source-thumbnail{height:120px}.source-caption{padding:10px;font-size:12px}.mini-chat{padding:20px 10px}.mini-sidebar{padding:20px 8px}.watch-content{padding:17px}.inline-player{padding:0 16px 5px}.inline-notice{margin:12px 16px 0}.profile-avatar.large{width:85px;height:85px;font-size:34px}}.message-row{align-items:center;margin:18px 0 0}.message-row.group-follows{margin-top:4px}.message-row.group-last{margin-bottom:21px}.bubble-group{max-width:82%}.bubble{border-radius:18px 18px 18px 5px;padding:11px 15px;line-height:1.65;display:flow-root}.group-follows .bubble{border-top-left-radius:5px}.group-continues .bubble{border-bottom-left-radius:5px}.mine .bubble{border-radius:18px 18px 5px}.mine.group-follows .bubble{border-top-right-radius:5px}.mine.group-continues .bubble{border-bottom-right-radius:5px}.bubble-time{white-space:nowrap;color:var(--muted);float:right;clear:none;margin:8px 0 2px 13px;font-size:11px;font-weight:400;line-height:1;display:inline-block}.mine .bubble-time{color:var(--bubble-own-text);opacity:.65}@media (width<=700px){.bubble-group{max-width:90%}.bubble{padding:10px 13px}.bubble-time{margin-left:10px;font-size:10px}}.audio-track,.file-input{display:none}.auth-page{background:var(--sidebar);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:45px;display:flex}.auth-brand{letter-spacing:-1px;font-size:20px;font-weight:650;position:absolute;top:30px;left:38px}.auth-card{gap:24px;width:390px;max-width:100%;display:grid}.auth-card>svg{color:var(--accent)}.auth-card h1{letter-spacing:-1px;margin-bottom:10px;font-size:27px;font-weight:550}.auth-card label{color:var(--muted);gap:10px;font-size:14px;display:grid}.auth-card input,.new-chat-form>input,.recovery-form input{border:1px solid var(--border);background:var(--field);border-radius:10px;width:100%;padding:13px;font-size:15px}.auth-card>a{color:var(--muted);text-align:center;font-size:13px;text-decoration:none}.auth-error{color:#dc6e77;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.encryption-icon{color:var(--subtle)}.unread-badge{background:var(--accent);color:#fff;border-radius:20px;place-items:center;min-width:20px;height:20px;margin-left:auto;font-size:11px;display:grid}.bubble-time{align-items:center;gap:5px;display:inline-flex}.bubble-time>span{display:inline-flex}.attachment-image{object-fit:contain;border-radius:10px;width:100%;max-width:310px;max-height:280px;display:block}.attachment-download{text-align:left;gap:13px;max-width:300px;padding:5px 0;display:flex}.attachment-download>span{overflow-wrap:anywhere;flex:1;font-size:13px}.attachment-download small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.mine .attachment-download small{color:inherit;opacity:.78}.browser-source{min-height:155px;color:var(--muted);justify-content:center;align-items:center;gap:17px;font-size:15px;display:flex}.source-thumbnail{object-fit:contain;width:100%}.call-controls{align-items:center;gap:11px;display:flex}.call-controls button{border-radius:9px;min-width:34px;height:34px}.hangup{border-radius:9px;min-width:36px;min-height:34px;color:#fff!important;background:#a33442!important}.answer{color:#fff;background:#3b8c64;border-radius:50%;width:45px;height:45px}.sidebar-call{background:var(--surface-soft);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:13px;display:flex}.sidebar-call>button:first-child{color:var(--accent);font-size:13px}.chat-call-bar{background:var(--surface);color:var(--muted);border-radius:16px;justify-content:space-between;align-items:center;margin:0 34px 8px;padding:13px 18px;font-size:12px;display:flex}.live-canvas{background:#0b1016;flex:1;min-height:0;display:flex;position:relative}.video-track{background:#0b1016;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.video-track video{object-fit:contain;width:100%;height:100%;max-height:100%}.video-track.mirror video{transform:scaleX(-1)}.camera-layout{flex:1;gap:3px;min-height:0;display:flex}.camera-layout>.video-track{flex:1;min-width:0}.camera-pip{border:1px solid #ffffff25;border-radius:10px;gap:4px;width:140px;height:95px;display:flex;position:absolute;bottom:17px;right:17px;overflow:hidden}.camera-pip .video-track video{object-fit:cover}.call-placeholder{color:#c5d2e1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.incoming-call{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);z-index:50;border-radius:17px;align-items:center;gap:15px;padding:22px;display:flex;position:fixed;top:24px;right:24px}.incoming-call>div{gap:8px;min-width:140px;display:grid}.incoming-call span{color:var(--muted);font-size:13px}.new-chat-form{background:var(--surface);border:1px solid var(--border);border-radius:17px;gap:20px;width:430px;max-width:100%;padding:28px;display:grid}.invite-bar{padding:20px 34px}.account-id{flex-wrap:wrap;font-size:13px}.account-id span:last-child{color:var(--muted)}.recovery-form{border-top:1px solid var(--border);gap:13px;padding:23px;display:grid}.recovery-form label{gap:12px;font-size:14px;display:grid}.recovery-form button{justify-self:end}.player.stage .live-canvas{min-height:250px}.player.compact .live-canvas{min-height:80px}.player.compact .profile-avatar.large{width:45px;height:45px;font-size:19px}.player.compact .call-placeholder{gap:7px;font-size:12px}.player.compact .call-controls{gap:2px}.player.compact .call-controls button{min-width:24px;height:28px;padding:3px}.player.compact .call-controls button svg{width:17px}.player.compact .player-quality{display:none}.player.compact .player-controls>button:last-child{margin-left:auto}.header-actions>button{color:var(--muted)}@media (width<=700px){.composer{gap:9px}.composer .attachment-button{width:36px;min-width:36px;height:36px}.chat-call-bar{margin-left:16px;margin-right:16px}.date-divider{top:8px}.profile-name,.profile-settings{display:none}.profile-bar{padding:4px}.sidebar-toolbar{justify-content:center}}
