:root{color:#f3f4fa;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b0d14;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:#0b0d14;min-width:320px;min-height:100%}body{color:#f3f4fa;background:radial-gradient(at 15% 0,#7053cd14,#0000 45%),#0b0d14;min-width:320px;min-height:100dvh;margin:0}#root{width:100%;min-height:100dvh}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}input,textarea{min-width:0}video,img,svg{vertical-align:middle}a{color:#b6a7ff;text-underline-offset:3px}a:hover{color:#d0c6ff}::selection{color:#fff;background:#6552aa}:focus-visible{outline-offset:4px;outline:2px solid #b6a7ff}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.auth-shell,.auth-loading,.signed-in-shell{--auth-text:#f4f3ff;--auth-muted:#a0a5bd;--auth-purple:#a391ff;--auth-border:#ffffff17;color:var(--auth-text)}.auth-shell{background:radial-gradient(at 12% 18%,#7c5ce629,#0000 48%),#0b0d14;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100dvh;display:grid}.auth-story{border-right:1px solid var(--auth-border);flex-direction:column;justify-content:space-between;gap:48px;padding:clamp(32px,5vw,80px);display:flex}.auth-brand{letter-spacing:-.6px;align-items:center;gap:12px;font-size:22px;font-weight:750;display:flex}.auth-brand-mark{color:#fff;background:linear-gradient(145deg,#a18aff,#6f51d8);border:1px solid #c2b5ff4d;border-radius:15px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:25px;font-weight:800;display:grid;box-shadow:0 8px 28px #6f51d838}.auth-story-copy{max-width:580px}.auth-eyebrow{color:var(--auth-purple);letter-spacing:2px;font-size:11px;font-weight:750;display:block}.auth-story-copy h1{color:var(--auth-text);letter-spacing:-3px;margin:22px 0;font-size:clamp(44px,5.6vw,78px);font-weight:780;line-height:1.05}.auth-story-copy>p{max-width:410px;color:var(--auth-muted);margin:0;font-size:18px;line-height:1.8}.auth-feature-list{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.auth-feature-list span{border:1px solid var(--auth-border);color:#c8cbe0;background:#ffffff06;border-radius:999px;padding:9px 13px;font-size:12px}.auth-story-footer{color:#858ba3;max-width:400px;margin:0;font-size:13px;line-height:1.7}.auth-form-area{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:0;padding:40px clamp(20px,4vw,64px);display:flex}.auth-card{border:1px solid var(--auth-border);background:#131620;border-radius:24px;width:100%;max-width:460px;padding:30px;box-shadow:0 24px 80px #0000002e}.auth-tabs{border:1px solid var(--auth-border);background:#0e1019;border-radius:13px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:30px;padding:5px;display:grid}.auth-tabs button{min-height:42px;color:var(--auth-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:650}.auth-tabs button:hover{color:var(--auth-text);background:#ffffff0a}.auth-tabs button.is-active{color:#d4caff;background:#262039;box-shadow:inset 0 0 0 1px #a391ff26}.auth-card-heading h2{color:var(--auth-text);letter-spacing:-.8px;margin:12px 0 10px;font-size:27px;line-height:1.2}.auth-card-heading p{color:var(--auth-muted);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.7}.auth-form{margin-top:26px}.auth-form fieldset{border:0;flex-direction:column;gap:18px;min-width:0;margin:0;padding:0;display:flex}.auth-field{flex-direction:column;gap:8px;min-width:0;display:flex}.auth-field>span,.auth-field>label{color:#dce0ef;font-size:13px;font-weight:600}.auth-field input{width:100%;min-width:0;min-height:48px;color:var(--auth-text);font:inherit;background:#0e111a;border:1px solid #303548;border-radius:11px;padding:12px 14px;font-size:16px}.auth-field input::placeholder{color:#707890}.auth-field input:hover:not(:disabled){border-color:#4a4265}.auth-field input:focus-visible{border-color:var(--auth-purple);outline-offset:1px;outline:3px solid #a391ff26}.auth-field small,.account-settings-note{color:#8f96ad;font-size:11px;line-height:1.6}.auth-password-row{min-width:0;position:relative}.auth-password-row input{padding-right:74px}.auth-password-toggle{color:#b8aedf;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:600;position:absolute;top:6px;right:6px}.auth-password-toggle:hover{color:#eee8ff;background:#252035}.auth-submit{color:#fff;width:100%;min-height:49px;font:inherit;cursor:pointer;background:#9479ee;border:1px solid #ded3ff2e;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:13px 17px;font-size:14px;font-weight:700;display:flex}.auth-submit:hover{background:#a28af5}.auth-submit>span{font-size:20px}.auth-switch-note{color:var(--auth-muted);text-align:center;margin:24px 0 0;font-size:12px;line-height:1.8}.auth-switch-note button{color:#c3b4ff;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:2px 5px;font-weight:650}.auth-switch-note button:hover{color:#e2d9ff;background:#a391ff14}.auth-error,.auth-connection-error,.account-error{color:#ffb4bf;overflow-wrap:anywhere;background:#ef596b14;border:1px solid #ef596b40;border-radius:11px;font-size:13px;line-height:1.7}.auth-error{margin:0;padding:12px 14px}.auth-success{color:#a6ebca;overflow-wrap:anywhere;background:#5bd6a212;border:1px solid #5bd6a238;border-radius:11px;margin:18px 0 0;padding:13px 15px;font-size:13px;line-height:1.7}.auth-form .auth-success{margin:0}.auth-connection-error{width:100%;max-width:460px;padding:16px}.auth-connection-error p{margin:0 0 12px}.auth-connection-error button{color:#ffcad2;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffb4bf40;border-radius:8px;padding:8px 12px;font-size:12px}.auth-connection-error button:hover{background:#ef596b1f}.auth-shell button:focus-visible,.signed-in-shell .account-bar button:focus-visible,.account-settings button:focus-visible,.account-email-reminder button:focus-visible{outline-offset:3px;outline:3px solid #b9a8ff}.auth-shell button:disabled,.auth-shell input:disabled,.account-bar button:disabled,.account-settings button:disabled,.account-settings input:disabled{opacity:.55;cursor:default}.auth-loading{background:#0b0d14;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;display:flex}.auth-loading p{color:var(--auth-muted);margin:0;font-size:14px}.signed-in-shell{background:#0b0d14;min-height:100dvh}.account-bar{justify-content:space-between;align-items:center;gap:16px;width:min(1624px,100% - 56px);margin:0 auto;padding:16px 0 0;display:flex}.account-identity{align-items:center;gap:10px;min-width:0;display:flex}.account-avatar{color:#d8cdff;background:#28203f;border:1px solid #a391ff33;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:15px;font-weight:750;display:grid}.account-identity>div{flex-direction:column;gap:3px;min-width:0;display:flex}.account-identity strong,.account-identity>div>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-identity strong{color:#e9e8f5;font-size:13px}.account-identity>div>span{color:var(--auth-muted);font-size:11px}.account-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.account-logout{border:1px solid var(--auth-border);color:#adb2c9;min-height:36px;font:inherit;cursor:pointer;background:0 0;border-radius:9px;flex-shrink:0;padding:8px 12px;font-size:12px;font-weight:600}.account-logout:hover{color:#ded4ff;background:#a391ff14;border-color:#a391ff4d}.account-error,.account-notice{width:min(1624px,100% - 56px);margin:14px auto 0;padding:12px 14px}.account-notice{color:#d3c8ff;overflow-wrap:anywhere;background:#a391ff12;border:1px solid #a391ff38;border-radius:11px;font-size:13px;line-height:1.7}.account-email-reminder{border:1px solid var(--auth-border);background:#131620;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;width:min(1624px,100% - 56px);margin:16px auto 0;padding:12px 16px;display:flex}.account-email-reminder>span{color:var(--auth-muted);font-size:12px;line-height:1.7}.account-settings-wrap{width:min(1624px,100% - 56px);margin:20px auto 0}.account-settings{background:#131620;border:1px solid #a391ff2e;border-radius:20px;width:min(540px,100%);padding:28px;box-shadow:0 16px 40px #0000001f}.account-settings .auth-card-heading h2{font-size:24px}@media (width<=900px){.auth-story{padding:36px}.auth-story-copy h1{letter-spacing:-2px;font-size:52px}.auth-story-copy>p{font-size:16px}.auth-form-area{padding:32px 22px}.auth-card{padding:24px}}@media (width<=700px){.auth-shell{grid-template-columns:minmax(0,1fr)}.auth-story{border-right:0;gap:28px;padding:28px 24px 20px}.auth-brand{font-size:20px}.auth-brand-mark{border-radius:13px;width:40px;height:40px;font-size:22px}.auth-story-copy h1{letter-spacing:-1.8px;margin:14px 0;font-size:42px}.auth-story-copy>p{max-width:460px;font-size:14px;line-height:1.7}.auth-feature-list{gap:7px;margin-top:20px}.auth-feature-list span{padding:7px 10px;font-size:11px}.auth-story-footer{display:none}.auth-form-area{justify-content:flex-start;padding:12px 16px 36px}.auth-card{border-radius:20px;max-width:500px;padding:24px 20px}.auth-card-heading h2{font-size:25px}.account-bar,.account-error,.account-notice,.account-email-reminder,.account-settings-wrap{width:calc(100% - 24px)}.account-bar{align-items:flex-start;padding-top:12px}.account-actions{gap:6px}.account-logout{padding:8px 10px;font-size:11px}.account-email-reminder{flex-wrap:wrap;gap:10px;padding:12px}.account-settings{padding:22px 18px}}@media (width<=400px){.account-bar{flex-wrap:wrap}.account-actions{justify-content:flex-start;width:100%}}.install-app{color:#eae4ff;width:min(1100px,100% - 32px);margin:12px auto;font:14px/1.5 system-ui,sans-serif}.install-app-row,.install-app-update{background:#211a32;border:1px solid #544270;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.install-app-row>span,.install-app-update>span{flex:1}.install-app small{color:#c2b7d8;font-size:12px;display:block}.install-app button{color:#171329;cursor:pointer;white-space:nowrap;background:#a78bfa;border:1px solid #8265aa;border-radius:9px;padding:8px 12px;font:600 13px system-ui}.install-app button:disabled{opacity:.65;cursor:wait}.install-app button:focus-visible{outline-offset:3px;outline:3px solid #fff}.install-app img{border-radius:8px}.install-app-help{background:#211a32;border:1px solid #544270;border-radius:14px;margin-top:8px;padding:18px 40px 18px 18px;position:relative}.install-app-help ol{padding-left:22px}.install-app-help li{margin:8px 0}.install-app-help p{color:#d1c6e4;margin-bottom:0}.install-app .install-app-close{color:#eae4ff;background:0 0;padding:2px 10px;font-size:22px;position:absolute;top:8px;right:8px}.install-app-update{margin-top:8px}.install-app-update button:last-child{color:#eae4ff;background:0 0}@media (width<=540px){.install-app{width:calc(100% - 20px);margin:8px auto}.install-app-row,.install-app-update{flex-wrap:wrap;gap:8px;padding:10px}.install-app-row small{display:none}.install-app-row>span{font-size:12px}.install-app-update>span{flex-basis:100%}.install-app-row button{padding:8px;font-size:12px}}.social-badge{color:#181229;vertical-align:middle;background:#a99bff;border-radius:20px;justify-content:center;align-items:center;min-width:22px;margin-left:5px;padding:2px 7px;font-size:12px;font-weight:700;display:inline-flex}.social-notice{color:#fff;background:#232039;border:1px solid #8171b8;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;padding:12px 18px;display:flex}.social-notice button,.profile-settings button{color:#fff;cursor:pointer;background:#6950b9;border:1px solid #8171b8;border-radius:8px;padding:8px 12px}.profile-settings{gap:12px;max-width:650px;margin:16px auto;display:grid}.profile-settings form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-settings input{color:#fff;background:#242334;border:1px solid #706c88;border-radius:8px;max-width:100%;padding:8px}.private-avatar,.account-avatar{flex-shrink:0;overflow:hidden}.private-avatar img,.account-avatar img{object-fit:cover;width:100%;height:100%;display:block}.friend-row>.private-avatar{background:#38314f;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;min-width:40px;height:40px;display:grid}.message-quote{overflow-wrap:anywhere;background:#0002;border-left:3px solid #b5a5ff;border-radius:6px;margin:0 0 10px;padding:8px 12px}.message-quote p{white-space:pre-wrap;max-height:100px;margin:4px 0;font-size:13px;overflow:auto}.message-reply-button{float:right;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #9387b9;border-radius:6px;margin:0 0 8px 10px;padding:4px 8px;font-size:12px}.composer-reply{color:#eee;width:100%}.friend-confirm{background:#392735;border:1px solid #b88492;border-radius:12px;padding:15px}.friend-confirm button{margin:5px}.profile-settings p{color:#c7bfd8;font-size:13px}.message-quote{background:#a99bff17;border-left:3px solid #a99bff;border-radius:10px;margin:0 0 12px;padding:10px 12px}.message-quote small,.composer-reply strong{color:#c9c0ff;letter-spacing:.01em;font-size:12px;font-weight:600;display:block}.message-quote p{-webkit-line-clamp:2;max-height:none;color:inherit;opacity:.85;-webkit-box-orient:vertical;margin:5px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.message-reply-button{float:none;color:#aaa8c1;opacity:.7;background:0 0;border:0;border-radius:7px;align-self:flex-start;align-items:center;gap:6px;margin:5px 0 0;padding:5px 8px;font-size:12px;line-height:1.4;display:inline-flex}.private-message.is-mine .message-reply-button{align-self:flex-end}.message-reply-button:hover,.message-reply-button:focus-visible{opacity:1;color:#dfd9ff;background:#a99bff1f}.message-reply-button:focus-visible,.composer-reply button:focus-visible{outline-offset:2px;outline:2px solid #c9c0ff}.composer-reply{justify-content:space-between;align-items:center;gap:16px;width:auto;margin-bottom:12px;padding:10px 12px;display:flex}.composer-reply>div{flex:1;min-width:0}.composer-reply button{color:#dfd9ff;cursor:pointer;background:#a99bff1f;border:0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;padding:0;font-size:24px;display:grid}@media (hover:none){.message-reply-button{opacity:1;min-height:36px}.composer-reply button{width:40px;height:40px}}.private-message{flex-direction:column;align-items:flex-start}.private-message.is-mine{align-items:flex-end}.private-message-bubble .message-quote p{margin:5px 0 0;font-size:13px;line-height:1.5}.saved-rooms{color:#e2e8f0;background:#101629;border:1px solid #334155;border-radius:16px;margin:12px 0;padding:16px}.saved-rooms summary{cursor:pointer;font-weight:650}.saved-rooms p{color:#b6c1d8;font-size:13px;line-height:1.5}.saved-rooms form{flex-wrap:wrap;align-items:flex-end;gap:10px;margin:14px 0;display:flex}.saved-rooms label{flex:180px;gap:5px;font-size:13px;display:grid}.saved-rooms input,.saved-rooms select{box-sizing:border-box;color:#f1f5f9;background:#080e20;border:1px solid #475569;border-radius:8px;width:100%;min-width:0;padding:10px}.saved-rooms button{color:#fff;cursor:pointer;background:#43356e;border:1px solid #76649e;border-radius:8px;padding:9px 12px}.saved-rooms button:disabled{opacity:.45;cursor:default}.saved-room-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.saved-room-grid article{border:1px solid #3c4662;border-radius:12px;padding:12px}.saved-room-grid h3{overflow-wrap:anywhere;margin:0;font-size:16px}.room-actions{flex-wrap:wrap;gap:7px;display:flex}.meeting-create{border-top:1px solid #334155;margin-top:20px;padding-top:14px}.meeting-list{gap:10px;padding:0;list-style:none;display:grid}.meeting-list li{border:1px solid #334155;border-radius:10px;justify-content:space-between;gap:12px;padding:12px;display:flex}.meeting-list span{color:#c4b5fd;font-size:12px}.meeting-list strong{overflow-wrap:anywhere}.meeting-reminder{background:#352359;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;padding:12px;display:flex}.room-count{background:#7053a7;border-radius:20px;margin-left:8px;padding:3px 8px;font-size:12px}.connection-health{color:#d1e0f3;background:#17253a;border-radius:8px;padding:8px 12px;font-size:12px}.connection-health[data-level=poor]{color:#ffd4ae;background:#4a291b}.connection-health[data-level=fair]{color:#ffeaa7;background:#38301a}.connection-health[data-level=good]{color:#b4f1d6;background:#163429}.blur-control{color:#eee;background:#261c39;border:1px solid #685589;border-radius:8px;padding:8px}.blur-note{color:#c4b5fd;font-size:12px}.pip-button{font-size:12px;padding:7px!important}.incoming-controls{flex-wrap:wrap}@media (width<=600px){.meeting-list li{flex-direction:column}.saved-room-grid{grid-template-columns:1fr}}.music-manager form{flex-wrap:wrap}.music-manager #music-link{flex:2 240px}.music-manager #music-label{flex:180px}.music-queue{gap:7px;max-height:300px;margin:12px 0;padding:0;list-style:none;display:grid;overflow:auto}.music-queue li{background:#0f172a;border:1px solid #334155;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.music-queue li.is-current{background:#241d3b;border-color:#a78bfa}.music-song{gap:4px;min-width:0;display:grid}.music-song strong{overflow-wrap:anywhere}.music-song a,.music-song span{color:#c4b5fd;font-size:12px}.music-actions,.music-footer{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.music-actions{flex-shrink:0}.music-empty{opacity:.8}.music-footer span{margin-left:auto}.watch-video-heading strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.watch-video-heading button{flex-shrink:0}.watch-video-panel.is-music.is-main .watch-player-frame{flex:1;min-height:200px}.watch-video-panel.is-music .watch-controls{gap:6px}@media (width<=600px){.music-queue li{flex-direction:column;align-items:flex-start}.music-actions{width:100%}.music-actions button:first-child{margin-right:auto}.music-manager form input{width:100%}}.call-app{--oc-bg:#0b0d14;--oc-surface:#131620;--oc-raised:#1b1f2c;--oc-border:#ffffff16;--oc-text:#f3f4fa;--oc-muted:#9298ae;--oc-purple:#9b87ff;--oc-green:#5bd6a2;--oc-red:#ef596b;width:100%;min-width:0;max-width:1680px;color:var(--oc-text);text-align:left;flex-direction:column;gap:20px;margin:0 auto;padding:22px 28px 20px;display:flex}.call-app,.call-app *{box-sizing:border-box}.call-app button,.call-app input,.call-app select{font:inherit}.call-app button{color:var(--oc-text);background:var(--oc-raised);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;display:inline-flex}.call-app button:hover:not(:disabled){background:#282d3d}.call-app button:active:not(:disabled){transform:translateY(1px)}.call-app button:focus-visible,.call-app input:focus-visible,.call-app select:focus-visible{outline:2px solid var(--oc-purple);outline-offset:4px}.call-app button:disabled{opacity:.45;cursor:not-allowed}.call-app svg{flex-shrink:0;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.call-header{justify-content:space-between;align-items:center;gap:20px;min-width:0;display:flex}.brand-lockup{flex-shrink:0;align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:radial-gradient(circle at 25% 15%,#baabff,#0000 65%),linear-gradient(145deg,#8c6bed,#5743b5);border:1px solid #bdabff59;border-radius:15px;place-items:center;width:46px;height:46px;font-size:25px;font-weight:800;display:grid;box-shadow:0 8px 28px #6e50d733,inset 0 1px #fff3}.call-app .brand-lockup h1{color:#f3efff;letter-spacing:-1px;margin:0;font-size:25px;font-weight:750;line-height:1.2}.brand-lockup p{color:var(--oc-muted);margin:4px 0 0;font-size:12px}.call-header-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.call-app .room-code-chip{border-color:var(--oc-border);color:#d7ceff;letter-spacing:.6px;background:#9b87ff11;border-radius:10px;min-height:36px;padding:8px 12px;font-size:12px}.call-state-chip{max-width:320px;min-height:34px;color:var(--oc-muted);align-items:center;gap:7px;padding:7px 10px;font-size:12px;line-height:1.4;display:inline-flex}.status-dot,.dock-room-dot{background:#687086;border-radius:50%;flex-shrink:0;width:7px;height:7px}.call-state-chip.is-connected{color:var(--oc-green)}.call-state-chip.is-connected .status-dot{background:var(--oc-green);box-shadow:0 0 12px #5bd6a259}.call-timer{border-left:1px solid var(--oc-border);color:#b8bfd4;font-variant-numeric:tabular-nums;padding-left:10px;font-size:12px}.call-workspace{grid-template-columns:minmax(0,1fr);gap:18px;width:100%;min-width:0;height:clamp(380px,100dvh - 270px,900px);display:grid;position:relative}.chat-is-open .call-workspace{grid-template-columns:minmax(0,1fr) 320px}.call-stage{grid-template:"welcome self"minmax(0,1fr)/minmax(0,1.7fr) minmax(240px,1fr);gap:16px;min-width:0;min-height:0;display:grid}.call-stage.has-peer{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);grid-template-areas:"peer self"}.call-stage.has-local-screen{grid-template:"local-screen self"minmax(0,1fr)"local-screen welcome"minmax(0,1fr)/minmax(0,3fr) minmax(210px,1fr)}.call-stage.has-local-screen.has-peer{grid-template-areas:"local-screen self""local-screen peer"}.call-stage.has-remote-screen{grid-template:"presentation self"minmax(0,1fr)"presentation peer"minmax(0,1fr)/minmax(0,3fr) minmax(210px,1fr)}.call-stage.has-local-screen.has-remote-screen{grid-template-areas:"presentation self""local-screen peer"}.local-participant{grid-area:self}.local-presentation{grid-area:local-screen}.stage-welcome{grid-area:welcome}.call-stage .remote-call,.call-stage .remote-call>.media-layout{display:contents}.call-stage .remote-call>.media-status,.call-stage .remote-call>h2{display:none}.call-stage .remote-call .camera-panel{grid-area:peer}.call-stage .remote-call .screen-panel{grid-area:presentation}.camera-panel,.screen-panel{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.screen-panel[hidden]{display:none}.camera-panel h3,.screen-panel h3{color:#a9b0c5;margin:0;font-size:12px;font-weight:600}.media-layout{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.media-frame{aspect-ratio:16/9;isolation:isolate;border:1px solid var(--oc-border);width:100%;min-height:0;color:var(--oc-muted);background:radial-gradient(at 50% 25%,#6f56aa1f,#0000 70%),#141722;border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.call-stage .media-frame{aspect-ratio:auto;flex:1;height:100%}.media-frame video{object-fit:contain;background:#090a0f;width:100%;height:100%;display:block;position:absolute;inset:0}.camera-frame video{object-fit:cover}.camera-frame .local-camera{transform:scaleX(-1)}.media-frame video[hidden]{display:none}.screen-frame{background:#080a10}.media-frame:fullscreen{aspect-ratio:auto;background:#000;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none}.media-frame:fullscreen video{object-fit:contain;border-radius:0}.media-frame:fullscreen .participant-caption{bottom:20px}.preview-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:28px;display:flex}.avatar{color:#e0d6ff;background:linear-gradient(145deg,#40346e,#29243e);border:1px solid #a48fff38;border-radius:50%;flex-shrink:0;place-items:center;width:82px;height:82px;margin:0 auto;font-size:32px;font-weight:700;display:grid;box-shadow:0 0 0 10px #9b87ff09,0 14px 30px #00000026}.self-avatar{background:linear-gradient(145deg,#51458a,#302a4d)}.preview-placeholder h2{color:#eeeaf7;letter-spacing:-.5px;margin:24px 0 8px;font-size:21px;font-weight:650}.preview-placeholder p{max-width:260px;color:var(--oc-muted);margin:0;font-size:13px;line-height:1.7}.participant-caption{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f1eff8;background:#0a0c13c7;border:1px solid #ffffff14;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.participant-caption small{color:#a2a8bc;font-size:11px;font-weight:400}.participant-muted{color:#ff8b98}.stage-welcome{border:1px solid var(--oc-border);background:radial-gradient(at 0 0,#7a59d62b,#0000 65%),linear-gradient(145deg,#161927,#10131d);border-radius:20px;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;min-height:0;padding:clamp(22px,4vw,64px);display:flex;overflow:auto}.eyebrow{color:#b5a3f4;letter-spacing:2.3px;font-size:10px;font-weight:700}.stage-welcome h2{color:#f5f2ff;letter-spacing:-2px;margin:22px 0 18px;font-size:clamp(30px,4vw,58px);font-weight:650;line-height:1.12}.stage-welcome p{color:#a4abc1;max-width:340px;margin:0;font-size:14px;line-height:1.8}.welcome-note{color:#baaddf;background:#9b87ff0f;border:1px solid #9b87ff26;border-radius:8px;margin-top:28px;padding:8px 12px;font-size:11px;display:inline-flex}.presentation-heading{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.presentation-title{color:#c7cddb;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.live-badge{color:var(--oc-green);letter-spacing:1px;background:#5bd6a214;border:1px solid #5bd6a233;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:750}.incoming-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.call-app .fullscreen-button{border-color:var(--oc-border);color:#bfc6d9;background:#ffffff06;border-radius:8px;min-height:30px;padding:6px 10px;font-size:11px}.quality-control{color:#939bb2;align-items:center;gap:6px;font-size:10px;display:inline-flex}.quality-control select{border:1px solid var(--oc-border);color:#cdd2e1;cursor:pointer;background:#171b27;border-radius:8px;max-width:100%;min-height:30px;padding:5px 7px;font-size:11px}.quality-note{color:#828aa1;margin:0;font-size:10px;line-height:1.4}.media-status{color:#b7a6ef;margin:0;font-size:12px;line-height:1.5}.call-stage .remote-call>button,.call-stage .remote-call>.error-message{grid-column:1/-1;padding:10px 14px}.call-stage .remote-call>.error-message{color:#ffb0ba;background:#ef596b14;border-radius:10px;margin:0;font-size:12px}.call-dock{z-index:5;border:1px solid var(--oc-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141722f0;border-radius:20px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;min-height:94px;padding:14px 20px;display:grid;position:sticky;bottom:12px;box-shadow:0 16px 45px #0003,inset 0 1px #ffffff06}.dock-info{flex-direction:column;gap:8px;min-width:0;display:flex}.dock-title{color:#c5c9d7;font-size:12px;font-weight:500}.dock-subtitle{color:#7e879e;font-size:11px}.call-controls{justify-content:center;align-items:center;gap:10px;display:flex}.call-app .control-button{border-color:var(--oc-border);color:#c4cada;background:#202432;border-radius:13px;flex-direction:column;gap:6px;min-width:66px;min-height:62px;padding:10px 9px 8px;position:relative}.control-icon{place-items:center;width:26px;height:25px;display:grid;position:relative}.control-label{white-space:nowrap;font-size:10px;font-weight:550;line-height:1.2}.call-app .control-button.is-on{color:#d5caff;background:#9b87ff24;border-color:#9b87ff4d}.call-app .control-button.is-on:hover:not(:disabled){background:#9b87ff3b}.call-app .control-button.is-off{color:#a2a8bc}.icon-slash{background:currentColor;border-radius:2px;width:28px;height:2px;position:absolute;transform:rotate(-45deg);box-shadow:0 0 0 2px #202432}.call-app .control-button.is-danger{color:#fff;background:#d94b5d;border-color:#ff8c982e;min-width:76px;box-shadow:0 5px 18px #d94b5d26}.call-app .control-button.is-danger:hover:not(:disabled){background:#eb5b6d;box-shadow:0 5px 22px #d94b5d47}.control-divider{background:var(--oc-border);width:1px;height:30px;margin:0 3px}.control-badge{color:#fff;background:#ef6779;border:2px solid #171a26;border-radius:20px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-9px;right:-12px}.call-app .start-call-button{color:#fff;background:linear-gradient(135deg,#9675f0,#7355cf);border-color:#c4afff4d;border-radius:13px;min-height:52px;padding:14px 22px;box-shadow:0 5px 20px #7856d633}.call-app .start-call-button:hover:not(:disabled){background:linear-gradient(135deg,#a184f7,#8262df)}.dock-room{color:#929ab1;justify-content:flex-end;align-items:center;gap:7px;font-size:11px;display:flex}.dock-room-dot{background:#9b87ff}.microphone-meter{color:#82988f;align-items:center;gap:7px;font-size:10px;display:flex}.microphone-meter.is-muted{color:#ad8290}.microphone-meter meter{background:#29303a;border:0;border-radius:20px;width:70px;height:8px;overflow:hidden}.microphone-meter meter::-webkit-meter-bar{background:#29303a;border:0;border-radius:20px;height:8px}.microphone-meter meter::-webkit-meter-optimum-value{background:#5bd6a2;border-radius:20px}.microphone-meter meter::-moz-meter-bar{background:#5bd6a2;border-radius:20px}.call-chat{border:1px solid var(--oc-border);background:#131722;border-radius:20px;flex-direction:column;min-width:0;min-height:0;animation:.18s ease-out panel-appear;display:flex;overflow:hidden;box-shadow:0 12px 30px #0000001f}.chat-header{border-bottom:1px solid var(--oc-border);justify-content:space-between;align-items:center;gap:12px;padding:19px 18px;display:flex}.chat-header h2{color:#e6e7f0;letter-spacing:-.25px;margin:0;font-size:15px;font-weight:650}.chat-header p{color:#828ba2;margin:5px 0 0;font-size:11px;line-height:1.5}.call-app .icon-button{color:#939bb0;background:0 0;border-radius:9px;flex-shrink:0;width:32px;height:32px;padding:0}.chat-messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#353b50 transparent;flex:1;min-height:0;padding:18px 16px;overflow-y:auto}.chat-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:20px;display:flex}.chat-empty-icon{color:#aa96e9;background:#9b87ff12;border:1px solid #9b87ff26;border-radius:22px;place-items:center;width:66px;height:66px;margin-bottom:20px;display:grid}.chat-empty h3{color:#d8d8e7;margin:0 0 10px;font-size:15px;font-weight:600}.chat-empty p{color:#828ba2;max-width:210px;margin:0;font-size:12px;line-height:1.7}.chat-message{width:fit-content;max-width:90%;margin:0 0 17px}.chat-message.is-mine{margin-left:auto}.chat-message-meta{color:#8f98af;justify-content:space-between;align-items:center;gap:14px;margin-bottom:6px;padding:0 2px;font-size:10px;display:flex}.chat-message-meta time{color:#737e96;font-variant-numeric:tabular-nums;font-size:9px}.chat-bubble{color:#e3e6f0;overflow-wrap:anywhere;white-space:pre-wrap;background:#222737;border:1px solid #ffffff0a;border-radius:3px 13px 13px;margin:0;padding:11px 13px;font-size:13px;line-height:1.65}.is-mine .chat-bubble{color:#f0eaff;background:#3c305d;border-color:#9b87ff26;border-radius:13px 3px 13px 13px}.chat-composer{border-top:1px solid var(--oc-border);padding:14px}.chat-input-row{background:#1a1f2d;border:1px solid #30374b;border-radius:12px;align-items:center;gap:4px;padding:5px;display:flex}.chat-input-row:focus-within{border-color:#8d75d6}.chat-input-row input{color:#f0edf8;background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:34px;padding:6px 8px;font-size:13px}.chat-input-row input::placeholder{color:#788299}.chat-input-row input:focus-visible{outline:none}.call-app .chat-send{color:#fff;background:#8a6bd8;border-radius:8px;flex-shrink:0;width:34px;height:34px;padding:0}.call-app .chat-send:hover:not(:disabled){background:#9a7ae9}.chat-footer-note{color:#727c92;text-align:center;margin:9px 0 0;font-size:9px}.chat-error{color:#ffb0ba;margin:9px 0 0;font-size:11px;line-height:1.5}.call-alert{background:#ef596b12;border:1px solid #ef596b33;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.call-alert p{color:#ffb5be;margin:0;font-size:12px;line-height:1.6}.call-app .error-message{color:#ffb5be;line-height:1.6}.has-local-screen .preview-placeholder,.has-remote-screen .preview-placeholder{padding:16px}.has-local-screen .avatar,.has-remote-screen .avatar{width:50px;height:50px;font-size:22px;box-shadow:0 0 0 6px #9b87ff09}.has-local-screen .preview-placeholder h2,.has-remote-screen .preview-placeholder h2{margin-top:15px;font-size:15px}.has-local-screen .preview-placeholder p,.has-remote-screen .preview-placeholder p{font-size:11px}.has-local-screen .stage-welcome{padding:20px}.has-local-screen .stage-welcome h2{letter-spacing:-.7px;margin:12px 0;font-size:23px}.has-local-screen .stage-welcome p{font-size:11px}.has-local-screen .stage-welcome .eyebrow,.has-local-screen .stage-welcome .welcome-note{display:none}@keyframes panel-appear{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media (width<=1200px){.call-app{gap:16px;padding:20px}.chat-is-open .call-workspace{grid-template-columns:minmax(0,1fr) 280px}.call-stage,.call-stage.has-peer{grid-template-columns:minmax(0,1.4fr) minmax(180px,1fr)}.call-stage.has-local-screen,.call-stage.has-remote-screen{grid-template-columns:minmax(0,2.3fr) minmax(170px,1fr)}.dock-room{display:none}.call-dock{grid-template-columns:minmax(0,1fr) auto}.call-state-chip{max-width:220px}}@media (width<=960px){.chat-is-open .call-workspace{grid-template-columns:minmax(0,1fr)}.call-chat{z-index:10;border-color:#9b87ff33;width:min(340px,100%);position:absolute;top:0;bottom:0;right:0;box-shadow:-20px 0 60px #00000073}.dock-info{display:none}.call-dock{justify-content:center;min-height:88px;padding:12px;display:flex}.brand-lockup p{max-width:160px;line-height:1.5}}@media (width<=640px){.call-app{gap:14px;padding:12px}.call-header{align-items:flex-start;gap:10px}.brand-lockup{gap:8px}.brand-mark{border-radius:11px;width:35px;height:35px;font-size:20px}.call-app .brand-lockup h1{font-size:21px}.brand-lockup p{display:none}.call-header-meta{gap:3px}.call-app .room-code-chip{letter-spacing:.2px;min-height:30px;padding:6px 8px;font-size:10px}.call-state-chip{max-width:190px;min-height:25px;padding:4px 6px;font-size:10px}.call-timer{padding-left:7px;font-size:10px}.call-workspace{gap:10px;height:clamp(400px,100dvh - 240px,720px)}.call-stage,.call-stage.has-peer{grid-template:"welcome"minmax(0,1.6fr)"self"minmax(0,1fr)/minmax(0,1fr);gap:10px}.call-stage.has-peer{grid-template-areas:"peer""self"}.call-stage.has-local-screen,.call-stage.has-local-screen.has-peer{grid-template:"local-screen local-screen"minmax(0,1.6fr)"self welcome"minmax(0,1fr)/minmax(0,1fr) minmax(0,1fr)}.call-stage.has-local-screen.has-peer{grid-template-areas:"local-screen local-screen""self peer"}.call-stage.has-remote-screen{grid-template:"presentation presentation"minmax(0,1.6fr)"self peer"minmax(0,1fr)/minmax(0,1fr) minmax(0,1fr)}.call-stage.has-local-screen.has-remote-screen{grid-template:"presentation presentation"minmax(0,1.4fr)"local-screen local-screen"minmax(0,1.4fr)"self peer"minmax(0,1fr)/minmax(0,1fr) minmax(0,1fr)}.media-frame,.stage-welcome,.call-chat{border-radius:15px}.stage-welcome{padding:24px}.stage-welcome h2{letter-spacing:-1px;margin:14px 0 12px;font-size:32px}.stage-welcome p{font-size:12px;line-height:1.65}.welcome-note{margin-top:15px;font-size:10px}.eyebrow{letter-spacing:1.6px;font-size:8px}.preview-placeholder{padding:16px 16px 46px}.avatar{width:48px;height:48px;font-size:23px;box-shadow:0 0 0 6px #9b87ff09}.preview-placeholder h2{margin:15px 0 6px;font-size:16px}.preview-placeholder p{font-size:11px}.participant-caption{border-radius:8px;padding:7px 9px;font-size:10px;bottom:8px;left:8px;right:8px}.participant-caption small{font-size:9px}.incoming-controls{gap:4px}.quality-control{gap:4px;font-size:9px}.quality-control select{min-height:28px;padding:4px;font-size:10px}.call-app .fullscreen-button{min-height:28px;padding:5px 7px;font-size:10px}.quality-note{font-size:9px}.call-dock{bottom:calc(8px + env(safe-area-inset-bottom,0px));border-radius:16px;min-height:78px;padding:10px 7px}.call-controls{gap:6px;width:100%}.call-app .control-button{border-radius:10px;flex:1;gap:5px;min-width:0;min-height:55px;padding:8px 4px}.control-icon{width:24px;height:22px}.control-icon svg{width:20px;height:20px}.control-label{font-size:8px}.call-app .control-button.is-danger{min-width:0}.control-divider{height:26px;margin:0}.call-app .start-call-button{flex:3;min-height:48px;padding:12px 16px;font-size:13px}.call-chat{width:100%}.chat-header{padding:15px}.chat-input-row input{font-size:16px}.has-local-screen .preview-placeholder,.has-remote-screen .preview-placeholder{padding:12px 8px 38px}.has-local-screen .avatar,.has-remote-screen .avatar{width:36px;height:36px;font-size:17px}.has-local-screen .preview-placeholder h2,.has-remote-screen .preview-placeholder h2{margin:10px 0 0;font-size:12px}.has-local-screen .preview-placeholder p,.has-remote-screen .preview-placeholder p{display:none}}@media (height<=500px) and (orientation:landscape){.call-app{gap:8px;padding:8px 14px}.call-workspace{height:max(200px,100dvh - 155px)}.call-stage,.call-stage.has-peer{grid-template:"welcome self"minmax(0,1fr)/minmax(0,2fr) minmax(0,1fr)}.call-stage.has-peer{grid-template-areas:"peer self"}.call-dock{min-height:65px;padding:6px 12px}.call-app .control-button{min-height:48px;padding:6px 10px}.stage-welcome{padding:18px}.stage-welcome h2{margin:10px 0;font-size:26px}.stage-welcome .welcome-note,.stage-welcome .eyebrow{display:none}}@media (prefers-reduced-motion:reduce){.call-app *,.call-app :before,.call-app :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.camera-frame .local-camera.unmirrored{transform:none}.camera-switch-button{color:inherit;cursor:pointer;font:inherit;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;padding:10px 12px}.camera-switch-button:disabled{opacity:.5;cursor:wait}.call-audio-settings{color:#e8e8ee;background:#0f1119e6;border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:14px 24px;padding:14px 20px;display:flex}.call-audio-settings label{flex:190px;gap:6px;font-size:.85rem;display:grid}.call-audio-settings input[type=range]{accent-color:#a78bfa;width:100%}.call-audio-settings .auto-mic-control{align-items:center;gap:8px;display:flex}.share-audio-note{color:#c4bdd8;flex-basis:100%;margin:0;font-size:.85rem}@media (width<=600px){.call-audio-settings{gap:10px;padding:12px}.call-audio-settings label{flex-basis:100%}}.cinema-call{gap:12px;max-width:none;padding:14px 16px}.cinema-call .call-header{min-height:42px}.cinema-call .call-header p{display:none}.cinema-call .call-workspace{height:clamp(450px,75dvh,1100px)}.cinema-call .call-stage{background:#080a10;border-radius:18px;min-height:0;position:relative;overflow:hidden;display:block!important}.cinema-call .call-stage>.camera-panel,.cinema-call .call-stage>.screen-panel,.cinema-call .call-stage .remote-call .camera-panel,.cinema-call .call-stage .remote-call .screen-panel{z-index:3;background:#121621;border:1px solid #ffffff30;width:clamp(110px,24%,230px);height:clamp(90px,22%,170px);min-height:0;padding:0;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 30px #0008}.cinema-call .call-stage .media-frame{aspect-ratio:auto;border-radius:12px;flex:1;width:100%;height:100%;min-height:0}.cinema-call .call-stage .remote-call .camera-panel{bottom:12px;left:12px}.cinema-call .call-stage .remote-call .screen-panel{top:12px;left:12px}.cinema-call .call-stage .local-presentation{bottom:12px;left:calc(50% - 110px)}.cinema-call .call-stage .local-participant{touch-action:auto}.cinema-call .call-stage .camera-frame video{object-fit:contain}.cinema-call .call-stage .local-participant .camera-frame video{object-fit:cover}.cinema-call .call-stage .stage-welcome{min-height:0;margin:0;padding:30px 25%;position:absolute;inset:0}.cinema-call .call-stage .presentation-heading,.cinema-call .call-stage .presentation-title,.cinema-call .call-stage .quality-note{display:none}.cinema-call .call-stage .incoming-controls{z-index:6;background:#111b;border-radius:8px;gap:8px;padding:5px;display:none;position:absolute;bottom:36px;left:8px;right:8px}.cinema-call .call-stage .camera-panel:hover .incoming-controls,.cinema-call .call-stage .camera-panel:focus-within .incoming-controls,.cinema-call .call-stage .screen-panel:hover .incoming-controls,.cinema-call .call-stage .screen-panel:focus-within .incoming-controls{display:flex}.cinema-call .call-stage .incoming-controls button,.cinema-call .call-stage .quality-control{padding:4px;font-size:11px}.cinema-call .call-stage .preview-placeholder{padding:8px}.cinema-call .call-stage .preview-placeholder .avatar{width:38px;height:38px;margin:0;font-size:18px}.cinema-call .call-stage .preview-placeholder h2{margin:4px;font-size:13px}.cinema-call .call-stage .preview-placeholder p{display:none}.cinema-call .call-stage .participant-caption{padding:6px 10px;font-size:11px}.cinema-call .call-stage .participant-caption small{display:none}.cinema-call .call-stage.focus-peer .remote-call .camera-panel,.cinema-call .call-stage.focus-self>.local-participant,.cinema-call .call-stage.focus-remote-screen .remote-call .screen-panel,.cinema-call .call-stage.focus-local-screen>.local-presentation{z-index:1;width:100%;height:100%;box-shadow:none;border:0;inset:0!important}.cinema-call .call-stage [hidden]{display:none!important}.cinema-call .view-focus-button{z-index:6;background:#151926dd;border:1px solid #fff3;padding:5px 8px;font-size:11px;position:absolute;top:6px;right:6px}.cinema-call .preview-drag{z-index:7;touch-action:none;cursor:grab;background:#151926dd;max-width:55%;padding:5px;font-size:10px;position:absolute;top:5px;left:5px}.cinema-call .preview-drag:active{cursor:grabbing}.cinema-call .call-expand-button{padding:9px 12px}.cinema-call .call-view-picker{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.cinema-call .call-view-picker button{padding:6px 10px}.cinema-call .call-view-picker button[aria-pressed=true]{background:#6650ae}.cinema-call .call-dock{gap:10px;min-height:68px;padding:9px 12px;bottom:6px}.cinema-call .dock-info,.cinema-call .dock-room{display:none}.cinema-call .call-dock{justify-content:center;display:flex}.cinema-call .call-controls{flex-wrap:wrap}.cinema-call .call-audio-settings{padding:10px 14px}.cinema-call .call-audio-settings:not([open]){display:block}.cinema-call .call-audio-settings summary{cursor:pointer;font-size:12px}:is(.cinema-call.is-expanded,.cinema-call:fullscreen){z-index:100;background:#0b0d14;width:100vw;height:100dvh;margin:0;padding:12px;position:fixed;inset:0;overflow:auto}:is(.cinema-call.is-expanded .call-workspace,.cinema-call:fullscreen .call-workspace){flex:1;height:auto;min-height:180px}.watch-manager{background:#151824;border:1px solid #fff2;border-radius:10px;padding:10px 14px}.watch-manager summary{cursor:pointer;font-size:13px}.watch-manager form,.watch-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.watch-manager form{margin-top:12px}.watch-manager input{color:#fff;background:#0c0e16;border:1px solid #fff3;border-radius:8px;flex:1;min-width:160px;padding:10px}.watch-manager button,.watch-controls button{padding:8px 10px;font-size:12px}.watch-manager p,.watch-help{color:#b0b3c4;font-size:11px}.watch-error{color:#ff9aab;margin:6px;font-size:12px}.watch-video-panel{z-index:4;background:#090a10;border:1px solid #fff3;border-radius:12px;flex-direction:column;width:min(45%,350px);height:220px;display:flex;position:absolute;bottom:12px;left:12px;overflow:hidden}.watch-video-panel.is-main{z-index:1;border:0;width:100%;height:100%;inset:0}.watch-video-heading{justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.watch-video-heading button{padding:4px 8px}.watch-player-frame{background:#000;flex:1;min-height:0;position:relative}.watch-player-frame video,.youtube-host,.youtube-host iframe{object-fit:contain;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.watch-controls{background:#141721;padding:8px}.watch-controls input:not([type=range]){color:#fff;background:#090b12;border:1px solid #fff3;border-radius:6px;width:70px;padding:7px}.watch-controls label{align-items:center;gap:6px;font-size:11px;display:flex}.watch-controls input[type=range]{width:85px}.watch-help{margin:0;padding:3px 10px 8px}.watch-video-panel:not(.is-main) .watch-controls,.watch-video-panel:not(.is-main) .watch-help{display:none}.cinema-call .remote-call>.error-message,.cinema-call .remote-call>button{z-index:9;background:#332338;max-width:75%;position:absolute;bottom:12px;left:12px}@media (width<=700px){.cinema-call{gap:8px;padding:8px}.cinema-call .call-workspace{height:70dvh;min-height:390px}.cinema-call.chat-is-open .call-workspace{grid-template-columns:1fr}.cinema-call .call-chat{z-index:12;background:#131620;position:absolute;inset:0}.cinema-call .brand-lockup h1{font-size:18px}.cinema-call .call-header-meta{flex-wrap:wrap;gap:6px}.cinema-call .room-code-chip{display:none}.cinema-call .call-stage>.camera-panel,.cinema-call .call-stage>.screen-panel,.cinema-call .call-stage .remote-call .camera-panel,.cinema-call .call-stage .remote-call .screen-panel{width:28%;height:110px}.cinema-call .view-focus-button{padding:4px;font-size:9px}.cinema-call .preview-drag{width:25px;max-width:30%;height:24px;font-size:0}.cinema-call .preview-drag:after{content:"⋮⋮";font-size:14px}.watch-controls{gap:5px;padding:6px}.watch-controls button{padding:7px;font-size:11px}.cinema-call .call-stage.focus-watch .local-participant{max-height:90px}.watch-video-panel:not(.is-main){width:55%;height:190px}.watch-video-panel.is-main .watch-video-heading{padding:5px 8px}.cinema-call .call-stage .incoming-controls{bottom:28px}.cinema-call .call-stage .quality-control{display:none}.cinema-call .call-stage .stage-welcome{padding:20px 32% 20px 20px}.cinema-call .stage-welcome h2{font-size:23px}.cinema-call .call-header{flex-wrap:wrap}}@media (height<=550px) and (orientation:landscape){.cinema-call .call-workspace{height:calc(100dvh - 135px);min-height:190px}.cinema-call .call-header,.cinema-call .call-view-picker{font-size:10px}.cinema-call .brand-lockup p,.cinema-call .call-header .brand-lockup{display:none}.cinema-call .call-stage>.camera-panel,.cinema-call .call-stage .remote-call .camera-panel{width:150px;height:90px}.cinema-call .watch-manager{padding:6px}.cinema-call .call-dock{min-height:48px}.cinema-call .watch-controls{padding:4px}.watch-help{display:none}}.cinema-call .call-stage.focus-watch .watch-video-panel.is-main{width:auto;inset:0 245px 0 0}.cinema-call .call-stage.focus-watch>.local-participant{right:12px;top:12px!important;left:auto!important}.cinema-call .call-stage.focus-watch .remote-call .camera-panel{bottom:12px;left:auto;right:12px}.cinema-call .call-stage.focus-watch .remote-call .screen-panel,.cinema-call .call-stage.focus-watch>.local-presentation{height:140px;top:calc(50% - 75px);left:auto;right:12px}.cinema-call .call-stage.focus-watch .preview-drag{display:none}@media (width<=700px){.cinema-call .call-stage.focus-watch{min-height:560px}.cinema-call .call-stage.focus-watch .watch-video-panel.is-main{width:100%;height:auto;inset:0 0 115px}.cinema-call .call-stage.focus-watch>.local-participant{width:28%;max-height:100px;bottom:8px;right:8px;top:auto!important}.cinema-call .call-stage.focus-watch .remote-call .camera-panel{max-height:100px;bottom:8px;left:8px;right:auto}.cinema-call .call-stage.focus-watch>.local-presentation,.cinema-call .call-stage.focus-watch .remote-call .screen-panel{width:90px;height:100px;top:auto;bottom:8px;right:calc(50% - 45px)}.cinema-call:has(.focus-watch) .call-workspace{min-height:560px}.watch-player-frame{min-height:200px}}.cinema-call .watch-video-panel:not(.is-main){width:max(210px,min(45%,350px));height:270px}.cinema-call .watch-player-frame{min-height:200px}.cinema-call .local-participant{--preview-width:clamp(110px,24%,230px);--preview-height:clamp(90px,22%,170px)}.call-friends-disclosure{color:#ddd6ff;margin:8px 16px}.call-friends-disclosure>summary{cursor:pointer;padding:8px;font-size:13px}.cinema-call .focus-peer .remote-call .camera-panel .avatar,.cinema-call .focus-self .local-participant .avatar{width:90px;height:90px;font-size:40px}.cinema-call .focus-peer .remote-call .camera-panel .preview-placeholder h2,.cinema-call .focus-self .local-participant .preview-placeholder h2{font-size:24px}.cinema-call .focus-self .local-participant video{object-fit:contain}@media (width<=700px){.cinema-call .local-participant{--preview-width:28%;--preview-height:110px}}@media (height<=550px) and (orientation:landscape){.cinema-call .local-participant{--preview-width:150px;--preview-height:90px}}.friends-panel{color:#f4f3ff;background:#181826;border:1px solid #34334e;border-radius:18px;margin:16px 0;padding:20px}.friends-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.friends-title h2{margin:0}.friends-title span,.friends-list p{color:#bbb8d1}.friends-add{margin:16px 0}.friends-add summary{cursor:pointer;padding:8px 0}.friends-add form,.friend-row{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.friend-row span{flex:1;min-width:150px}.friends-panel button,.friend-call-card button{color:#fff;cursor:pointer;font:inherit;background:#6950b9;border:1px solid #8071c9;border-radius:10px;padding:10px 15px}.friends-panel button:disabled,.friend-call-card button:disabled{opacity:.5;cursor:default}.friends-panel input,.friends-panel select{color:#fff;font:inherit;background:#242334;border:1px solid #706c88;border-radius:8px;padding:10px}.friends-panel code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.friend-call-overlay{z-index:1000;background:#050512b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.friend-call-card{color:#fff;background:#242334;border:1px solid #8071c9;border-radius:20px;max-width:460px;padding:28px;box-shadow:0 20px 80px #0008}.friend-call-card button{margin:6px}.friend-row small{color:#bbb8d1;display:block}.private-receipt{opacity:.8;margin-top:4px;font-size:11px;display:block}.friends-panel button:focus-visible,.friend-call-card button:focus-visible{outline-offset:3px;outline:3px solid #fff}.ourcall-shell{width:100%;min-height:100dvh}.connection-panel.room-toolbar{color:#f3f4fa;text-align:left;background:#131620e0;border:1px solid #ffffff13;border-radius:16px;width:calc(100% - 56px);max-width:1624px;margin:18px auto 0;padding:12px 16px}.room-toolbar-main{align-items:center;gap:22px;min-width:0;display:flex}.server-status{color:#d8b66b;white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.server-status-dot{background:#e5b95e;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 4px #e5b95e14}.server-status.connected{color:#83dcb6}.server-status.connected .server-status-dot{background:#5bd6a2;box-shadow:0 0 0 4px #5bd6a214}.server-status.disconnected{color:#f29aa5}.server-status.disconnected .server-status-dot{background:#ef596b;box-shadow:0 0 0 4px #ef596b14}.room-lobby-controls,.room-session-controls{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.room-lobby-intro{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.room-toolbar-title{color:#e9eaf4;font-size:12px;font-weight:650;line-height:1.4;display:block}.room-toolbar-description{color:#9298ae;font-size:11px;line-height:1.5;display:block}.room-toolbar button{color:#f3f4fa;min-height:38px;font:inherit;cursor:pointer;background:#222637;border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:600;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.room-toolbar button:hover:not(:disabled){background:#2c3146;transform:translateY(-1px)}.room-toolbar button:active:not(:disabled){transform:translateY(0)}.room-toolbar button:focus-visible{outline-offset:3px;outline:2px solid #b6a7ff}.room-toolbar button:disabled{opacity:.45;cursor:not-allowed}.room-toolbar button svg{flex-shrink:0}.room-toolbar .room-create-button{color:#fff;background:linear-gradient(135deg,#8970ed,#7258d3);border-color:#b6a7ff33;box-shadow:0 3px 12px #7258d326}.room-toolbar .room-create-button:hover:not(:disabled){background:linear-gradient(135deg,#967ff4,#8066df)}.room-toolbar-divider{color:#6f768d;font-size:11px}.room-form{width:min(300px,100%);margin:0}.room-form-row{align-items:center;gap:7px;display:flex}.room-form input{color:#ece8ff;width:100%;min-width:0;height:38px;font:inherit;letter-spacing:.5px;background:#0e111a;border:1px solid #ffffff1a;border-radius:10px;padding:9px 12px;font-size:12px;transition:border-color .16s,box-shadow .16s}.room-form input::placeholder{color:#71788f;letter-spacing:normal}.room-form input:focus-visible{border-color:#9b87ff;outline:none;box-shadow:0 0 0 3px #9b87ff1f}.room-form input:disabled{opacity:.5;cursor:not-allowed}.room-toolbar .room-join-button{border-color:#ffffff12}.room-presence{flex:1;align-items:center;gap:11px;min-width:0;display:flex}.room-presence-icon{color:#b6a7ff;background:#9b87ff1a;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.room-presence.is-full .room-presence-icon{color:#83dcb6;background:#5bd6a21a}.room-presence-text{flex-direction:column;gap:3px;min-width:0;display:flex}.room-participant-count{color:#b6a7ff;font-variant-numeric:tabular-nums;background:#9b87ff0f;border:1px solid #9b87ff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:38px;margin-left:4px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.is-full .room-participant-count{color:#83dcb6;background:#5bd6a20f;border-color:#5bd6a229}.room-toolbar .room-leave-button{color:#f29aa5;background:#ef596b12;border-color:#ef596b1f}.room-toolbar .room-leave-button:hover:not(:disabled){background:#ef596b24;border-color:#ef596b40}.room-busy-message{color:#b6a7ff;margin:10px 0 0;font-size:11px;line-height:1.5}.connection-panel .room-error{color:#f3a4ae;overflow-wrap:anywhere;background:#ef596b12;border:1px solid #ef596b24;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:9px 12px;font-size:12px;line-height:1.5;display:flex}.room-toolbar .room-error-dismiss{color:#f3a4ae;background:0 0;border-radius:7px;width:28px;min-height:28px;padding:0;font-size:21px;line-height:1}.room-toolbar .room-error-dismiss:hover:not(:disabled){background:#ef596b1f}@media (width<=1200px){.connection-panel.room-toolbar{width:calc(100% - 40px);margin-top:14px}.room-toolbar-main{gap:16px}.room-lobby-intro{display:none}.room-lobby-controls{justify-content:flex-end}}@media (width<=700px){.room-toolbar-main{flex-wrap:wrap;gap:12px}.is-lobby .room-lobby-controls{flex-basis:100%;justify-content:flex-start}.room-form{flex:1;width:auto}.room-presence-text .room-toolbar-description{max-width:260px}}@media (width<=640px){.connection-panel.room-toolbar{border-radius:13px;width:calc(100% - 24px);margin-top:12px;padding:10px 12px}.server-status{font-size:10px}.room-toolbar-main{gap:10px}.room-lobby-controls{flex-wrap:wrap;gap:9px}.room-toolbar .room-create-button{min-height:36px;font-size:11px}.room-toolbar-divider{font-size:10px}.room-form{flex-basis:100%}.room-form input{height:40px;font-size:16px}.room-form-row .room-join-button{min-height:40px}.room-session-controls{flex-basis:100%;gap:8px}.room-presence{gap:8px}.room-presence-icon{border-radius:8px;width:30px;height:30px}.room-toolbar-title{font-size:11px}.room-toolbar-description{font-size:10px}.room-participant-count{min-width:32px;margin-left:0;padding:4px 6px;font-size:10px}.room-toolbar .room-leave-button{min-height:34px;padding:8px;font-size:10px}.room-toolbar .room-leave-button svg{width:15px;height:15px}}@media (width<=380px){.room-presence-icon{display:none}.room-toolbar .room-leave-button{flex-direction:column;gap:3px}}@media (prefers-reduced-motion:reduce){.room-toolbar button,.room-form input{transition:none}.room-toolbar button:hover:not(:disabled){transform:none}}.workspace-navigation{background:#11141e;border:1px solid #ffffff14;border-radius:16px;gap:6px;width:min(1624px,100% - 56px);margin:24px auto 0;padding:6px;display:flex}.workspace-navigation button{color:#a4abc1;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:11px 20px;font-size:14px;font-weight:600;display:inline-flex}.workspace-navigation button:hover{color:#f4f3ff;background:#1b2030}.workspace-navigation button.is-active{color:#e4d8ff;background:#302547;border-color:#514377}.workspace-panel[hidden]{display:none}.private-chat{--chat-text:#f1f2fb;--chat-muted:#9ca6bf;--chat-border:#ffffff14;--chat-accent:#aa95ff;border:1px solid var(--chat-border);width:min(1624px,100% - 56px);height:min(800px,100dvh - 180px);min-height:520px;color:var(--chat-text);text-align:left;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10131d;border-radius:24px;grid-template-columns:300px minmax(0,1fr);margin:20px auto 28px;display:grid;overflow:hidden;box-shadow:0 20px 70px #0000003d}.private-chat button{font:inherit;cursor:pointer;border:1px solid #0000;transition:background .15s,border-color .15s}.private-chat button:disabled{opacity:.5;cursor:default}.private-chat button:focus-visible,.private-chat a:focus-visible,.workspace-navigation button:focus-visible{outline-offset:3px;outline:2px solid #b5a2ff}.private-sidebar{border-right:1px solid var(--chat-border);background:#141824;flex-direction:column;min-width:0;min-height:0;padding:24px 14px 14px;display:flex}.private-sidebar-heading{justify-content:space-between;align-items:center;gap:12px;padding:0 10px 20px;display:flex}.private-eyebrow{color:var(--chat-muted);letter-spacing:1.5px;font-size:10px;font-weight:700}.private-sidebar-heading h2{color:var(--chat-text);letter-spacing:-.7px;margin:6px 0 0;font-size:25px}.private-sidebar-heading>svg{width:26px;height:26px;color:var(--chat-accent)}.private-search{min-height:44px;color:var(--chat-muted);background:#0f131e;border:1px solid #30364a;border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.private-search:focus-within{border-color:#9e88ed;box-shadow:0 0 0 3px #9e88ed1a}.private-search svg{flex-shrink:0;width:17px;height:17px}.private-search input{width:100%;min-width:0;min-height:42px;color:var(--chat-text);font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:16px}.private-search input::placeholder{color:#7c879f}.private-connection{color:#ddba7a;align-items:center;gap:7px;margin:12px 10px 4px;font-size:11px;line-height:1.5;display:flex}.private-connection:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.private-connection.is-connected{color:#7adbb2}.private-conversation-list{overscroll-behavior:contain;flex:1;min-height:0;margin-top:8px;overflow-y:auto}.private-conversation-list h3{color:#7f8aa3;letter-spacing:1px;text-transform:uppercase;margin:20px 10px 10px;font-size:11px;font-weight:700}.private-chat .private-person{width:100%;min-height:70px;color:var(--chat-text);text-align:left;background:0 0;border-radius:14px;align-items:center;gap:12px;margin-bottom:5px;padding:12px 10px;display:flex}.private-chat .private-person:hover{background:#202638}.private-chat .private-person.is-active{background:#2a2540;border-color:#aa95ff3d}.private-avatar{color:#e4d8ff;background:linear-gradient(145deg,#453465,#29263f);border:1px solid #b29bff33;border-radius:15px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:grid}.private-person-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.private-person-copy strong{color:#eef0fc;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.private-person-copy>span{color:var(--chat-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.private-muted{color:var(--chat-muted);margin:12px 10px;font-size:12px;line-height:1.6}.private-thread{background:radial-gradient(at 80% 0,#684ca60f,#0000 55%),#10131d;flex-direction:column;min-width:0;min-height:0;display:flex}.private-thread-heading{border-bottom:1px solid var(--chat-border);background:#131722eb;flex-shrink:0;align-items:center;gap:13px;min-height:86px;padding:18px 28px;display:flex}.private-thread-heading>div{min-width:0}.private-thread-heading h2{color:var(--chat-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:600;overflow:hidden}.private-thread-heading p{overflow-wrap:anywhere;color:var(--chat-muted);margin:5px 0 0;font-size:11px;line-height:1.5}.private-feed{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:20px 28px;overflow:hidden auto}.private-feed>div{min-width:0}.private-day{color:#808aa3;align-items:center;gap:14px;margin:20px 0;font-size:10px;display:flex}.private-day:before,.private-day:after{background:var(--chat-border);content:"";flex:1;height:1px}.private-day span{border:1px solid var(--chat-border);background:#161b28;border-radius:20px;flex-shrink:0;padding:5px 10px}.private-message{justify-content:flex-start;min-width:0;margin:8px 0;display:flex}.private-message.is-mine{justify-content:flex-end}.private-message-bubble{color:#f0f1fb;background:#202636;border:1px solid #303649;border-radius:18px 18px 18px 5px;width:fit-content;min-width:72px;max-width:min(78%,560px);padding:12px 14px 9px}.private-message.is-mine .private-message-bubble{background:linear-gradient(135deg,#49345f,#392b54);border-color:#5c487d;border-radius:18px 18px 5px}.private-message-bubble p{color:inherit;overflow-wrap:anywhere;white-space:pre-wrap;margin:0 0 6px;font-size:14px;line-height:1.65}.private-message-bubble time{color:#a4aec7;text-align:right;margin-top:6px;font-size:10px;display:block}.private-message.is-mine time{color:#c0afd9}.private-message-bubble a{border-radius:11px;display:block}.private-message-bubble img,.private-message-bubble video{object-fit:contain;background:#090c14;border-radius:11px;width:100%;max-width:420px;max-height:340px;margin:0 0 8px;display:block}.private-message-bubble audio{width:300px;max-width:100%;height:42px;margin-bottom:8px;display:block}.private-file-name{overflow-wrap:anywhere;color:#aab5cc;max-width:100%;margin:5px 0;font-size:10px;line-height:1.5;display:block}.private-message.is-mine .private-file-name{color:#d0c0e5}.private-chat .private-load-older{color:#c4ccdf;background:#1b2130;border-color:#343b50;border-radius:20px;min-height:38px;margin:0 auto 20px;padding:9px 16px;font-size:12px;display:block}.private-chat .private-load-older:hover{background:#2a2540;border-color:#7c68b0}.private-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:200px;padding:32px;display:flex}.private-empty>svg{width:58px;height:58px;color:var(--chat-accent);background:#272138;border:1px solid #aa95ff2e;border-radius:20px;margin-bottom:8px;padding:13px}.private-empty h2,.private-empty h3{color:#dde0f0;letter-spacing:-.4px;max-width:420px;margin:0;font-size:21px;font-weight:600;line-height:1.4}.private-empty p{max-width:350px;color:var(--chat-muted);margin:0;font-size:13px;line-height:1.7}.private-composer{border-top:1px solid var(--chat-border);background:#141824;flex-shrink:0;min-width:0;padding:16px 24px 12px}.private-composer-row{background:#0f131e;border:1px solid #343b50;border-radius:16px;align-items:flex-end;gap:10px;padding:8px;display:flex}.private-composer-row:focus-within{border-color:#9278d5}.private-composer textarea{resize:vertical;color:#f1f2fb;width:100%;min-width:0;min-height:42px;max-height:160px;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:9px 3px;font-size:16px;line-height:1.5}.private-composer textarea::placeholder{color:#7e89a1}.private-composer textarea:disabled{opacity:.6}.private-chat .private-icon-button,.private-chat .private-send-button,.private-chat .private-back-button{color:#a7b2cb;background:0 0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:inline-flex}.private-chat .private-icon-button:hover{color:#e1d5ff;background:#252b3d}.private-chat .private-send-button{color:#fff;background:#9474dd;border-color:#ad95f4}.private-chat .private-send-button:hover{background:#aa8aef}.private-chat .private-back-button{display:none}.private-composer-note{color:#818da7;margin:8px 3px 0;font-size:10px;line-height:1.5}.private-draft{background:#211c2e;border:1px solid #37304a;border-radius:13px;align-items:center;gap:12px;min-width:0;margin-bottom:12px;padding:10px 12px;display:flex}.private-draft img,.private-draft video{object-fit:contain;background:#090c14;border-radius:8px;flex-shrink:0;width:80px;height:64px}.private-draft audio{width:min(280px,100%);min-width:0;height:40px}.private-draft>span{overflow-wrap:anywhere;color:#d5c9eb;flex:1;min-width:0;font-size:11px}.private-chat .private-draft button{color:#f0d9f0;background:#33273f;border-color:#544365;border-radius:9px;min-height:36px;padding:8px 10px;font-size:11px}.private-chat .private-draft button:hover{background:#4b3045}.private-error{color:#ffc0ce;overflow-wrap:anywhere;background:#2c1c28;border:1px solid #f06e854d;border-radius:11px;flex-shrink:0;margin:12px 20px;padding:11px 14px;font-size:12px;line-height:1.6}.private-composer .private-error{margin:0 0 12px}.private-empty .private-error{color:#ffc0ce}.private-recording{color:#ffb7c6;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.private-recording-dot{background:#f76e8b;border-radius:50%;width:8px;height:8px;animation:1.3s ease-in-out infinite private-recording-pulse}.private-chat .private-recording button{color:#ffd3df;background:#452432;border-color:#7c394a;border-radius:9px;min-height:36px;margin-left:auto;padding:8px 12px;font-size:12px}.private-chat .private-recording button:hover{background:#613041}.private-conversation-list,.private-feed{scrollbar-width:thin;scrollbar-color:#3c354f transparent}@keyframes private-recording-pulse{50%{opacity:.35}}@media (width<=1000px){.private-chat{grid-template-columns:260px minmax(0,1fr)}.private-thread-heading,.private-feed{padding:16px 20px}.private-composer{padding:14px 16px 12px}.private-message-bubble{max-width:88%}}@media (width<=700px){.workspace-navigation{border-radius:13px;width:calc(100% - 24px);margin-top:18px}.workspace-navigation button{flex:1;min-height:44px;padding:10px 12px;font-size:13px}.private-chat{border-radius:18px;grid-template-columns:minmax(0,1fr);width:calc(100% - 24px);height:calc(100dvh - 190px);min-height:420px;margin:14px auto 18px}.private-sidebar{border-right:0;padding-top:20px}.private-thread,.private-chat.has-selection .private-sidebar{display:none}.private-chat.has-selection .private-thread{display:flex}.private-sidebar-heading{padding-bottom:16px}.private-thread-heading{gap:10px;min-height:76px;padding:12px}.private-thread-heading h2{font-size:15px}.private-thread-heading p{font-size:10px}.private-chat .private-back-button{width:36px;height:42px;display:inline-flex}.private-chat .private-back-button:hover{background:#252b3d}.private-thread-heading .private-avatar{border-radius:12px;width:36px;height:36px;font-size:15px}.private-feed{scrollbar-gutter:auto;padding:12px}.private-message-bubble{max-width:90%;padding:10px 11px 8px}.private-message-bubble p{font-size:14px}.private-message-bubble img,.private-message-bubble video{max-height:260px}.private-message-bubble audio{width:250px}.private-composer{padding:10px 10px max(10px, env(safe-area-inset-bottom))}.private-composer-row{border-radius:13px;gap:5px;padding:5px}.private-chat .private-icon-button,.private-chat .private-send-button{border-radius:10px;width:36px;height:42px}.private-composer textarea{min-height:42px;max-height:110px;padding:8px 2px}.private-composer-note{font-size:9px}.private-draft{flex-wrap:wrap;gap:9px;padding:9px}.private-draft audio{flex:190px}.private-draft>span{flex:80px}.private-error{margin:10px 12px;font-size:11px}.private-empty{padding:24px 18px}.private-empty h2,.private-empty h3{font-size:19px}}@media (width<=380px){.private-chat{width:calc(100% - 16px)}.private-composer-row{gap:3px;padding:4px}.private-chat .private-icon-button,.private-chat .private-send-button{width:32px}.private-thread-heading{gap:8px}}@media (prefers-reduced-motion:reduce){.private-recording-dot{animation:none}.private-chat button{transition:none}}