:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color:#fff;background:#07090e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--canvas: #07090e;--camera: #141b29;--glass: rgba(37, 38, 44, .8);--secondary: #afb2bc;--green: #34c759;--red: #ff453a;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #9dd7ff;outline-offset:4px}button,a,input{touch-action:manipulation}button svg{pointer-events:none}svg{width:24px;height:24px;flex-shrink:0}[hidden]{display:none!important}.call-app{position:relative;height:100vh;height:100dvh;min-height:540px;overflow:hidden}.camera-stage{position:absolute;inset:0;background:var(--camera)}.preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview-video.is-back{transform:none}.camera-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 50%,rgba(0,0,0,.32))}.preview-video:not(.has-video){visibility:hidden}.camera-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 420px;color:var(--secondary);text-align:center;gap:17px}.camera-monogram{width:104px;height:104px;display:grid;place-items:center;border-radius:50%;background:#283246;color:#c9d3e6}.camera-monogram svg{width:43px;height:43px;stroke-width:1.5}.camera-empty p{margin:0;font-size:15px}.preview-trigger{display:inline-flex;gap:8px;align-items:center;padding:13px 18px;min-height:48px;background:#ffffff1c;border-radius:24px;font-weight:500;font-size:14px}.preview-trigger svg{width:19px;height:19px}.preview-trigger:hover{background:#ffffff2b}.topbar{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:calc(23px + var(--safe-top)) 30px 18px;gap:16px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--green)}.brand-mark svg{width:24px;height:24px}.brand-title{display:block;font-size:17px;font-weight:600;letter-spacing:-.3px}.brand-subtitle{display:flex;align-items:center;gap:4px;margin-top:3px;color:#ffffffa6;font-size:12px}.brand-subtitle svg{width:11px;height:11px}.top-actions{display:flex;align-items:center;gap:10px}.text-button{min-height:44px;background:#22242ab3;border-radius:24px;padding:0 17px;font-size:13px;font-weight:500;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;background:#22242ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.text-button:hover,.icon-button:hover{background:#464850cc}.entry{position:absolute;z-index:3;inset:auto 0 calc(145px + var(--safe-bottom));padding:0 24px;display:flex;justify-content:center}.entry-card{width:min(100%,410px);text-align:center}h1{margin:0 0 8px;font-size:clamp(28px,4vw,36px);line-height:1.15;letter-spacing:-1.2px;font-weight:700}.entry-copy{margin:0 0 22px;font-size:15px;color:#c0c3cb;line-height:1.45}.name-field{display:flex;align-items:center;gap:12px;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#2a2b32d6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);margin-bottom:13px}.name-field svg{color:#b0b3be;width:21px;height:21px}.name-field input{width:100%;min-width:0;height:56px;color:#fff;border:0;background:transparent;outline:0;font-size:17px}.name-field:focus-within{box-shadow:0 0 0 2px #9dd7ff}.name-field input:focus-visible{outline:none}input::placeholder{color:#a0a3af;opacity:1}.green-button{width:100%;min-height:56px;display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--green);border-radius:28px;color:#fff;font-size:17px;font-weight:600}.green-button:hover{background:#30b851}.green-button svg{width:22px;height:22px}.entry-note{margin:15px 0 0;color:#989ba7;font-size:12px;line-height:1.4}.inline-message{color:#ffd3cd;font-size:14px;line-height:1.45;margin:13px 0 0}.controls-wrap{position:absolute;z-index:6;left:0;right:0;bottom:calc(26px + var(--safe-bottom));display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 16px}.controls{display:flex;align-items:flex-start;justify-content:center;gap:22px;border:1px solid rgba(255,255,255,.07);border-radius:31px;padding:15px 25px 12px;background:#22232abf;box-shadow:0 8px 35px #00000029;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.control{display:flex;flex-direction:column;align-items:center;gap:8px;width:63px;background:transparent;padding:0}.control-circle{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#ffffff26;transition:background .15s}.control:hover:not(:disabled) .control-circle{background:#ffffff3b}.control.is-off .control-circle{background:#fff;color:#202127}.control.end .control-circle{background:var(--red);color:#fff}.control.end:hover:not(:disabled) .control-circle{background:#e63e35}.control-label{color:#c9cbd3;font-size:11px;line-height:1.2;white-space:nowrap}.control svg{width:25px;height:25px}.playback-button{display:inline-flex;gap:9px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;border-radius:24px;background:#fff;color:#1c1c1e;font-size:15px;font-weight:600}.connection-status{position:absolute;z-index:5;top:calc(90px + var(--safe-top));left:50%;transform:translate(-50%);max-width:calc(100% - 32px);display:flex;align-items:center;justify-content:center;gap:8px;border-radius:18px;background:#23242bd9;padding:10px 15px;font-size:13px;text-align:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.spinner{width:16px;height:16px;flex-shrink:0;border:2px solid rgba(255,255,255,.23);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wait-view,.end-view{position:absolute;z-index:4;inset:100px 20px calc(160px + var(--safe-bottom));display:grid;place-items:center;text-align:center}.wait-card,.end-card{padding:32px 30px;width:min(100%,390px);border-radius:26px;background:#1d2028e0;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.wait-avatar,.end-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:#394357;color:#e0e6f3;font-size:29px;font-weight:500;margin:0 auto 23px}.end-icon svg{width:32px;height:32px}.wait-card h2,.end-card h2{margin:0 0 11px;font-size:24px;letter-spacing:-.6px}.wait-card p,.end-card p{color:#b7bcc8;margin:0 0 25px;font-size:15px;line-height:1.5}.secondary-button{width:100%;min-height:49px;border-radius:25px;background:#ffffff1a;color:#fff;font-size:15px;font-weight:500}.secondary-button:hover{background:#ffffff29}.wait-caption{margin-top:18px;font-size:12px;color:#b4b8c5;display:inline-flex;gap:7px;align-items:center}.wait-caption .spinner{width:12px;height:12px}.participants{position:absolute;z-index:2;inset:0;background:var(--canvas)}.participant-tile{position:relative;overflow:hidden;background:#172031}.participant-video{position:absolute;width:100%;height:100%;object-fit:cover}.participant-tile.is-local .participant-video{transform:scaleX(-1)}.participant-tile.is-local.is-back .participant-video{transform:none}.participant-video:not(.has-video){visibility:hidden}.participant-avatar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.avatar-initials{display:grid;place-items:center;width:clamp(64px,13vw,108px);height:clamp(64px,13vw,108px);border-radius:50%;background:#35415b;font-size:clamp(25px,4vw,38px);color:#d6e0f4;font-weight:500}.avatar-caption{font-size:13px;color:#99a4b9}.participant-tile:after{content:"";position:absolute;inset:auto 0 0;height:90px;pointer-events:none;background:linear-gradient(transparent,#0000008c)}.participant-name{position:absolute;z-index:1;left:18px;right:16px;bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;font-weight:500}.participant-name span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.participant-muted{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#24262bb3}.participant-muted svg{width:15px;height:15px}.participants[data-count="1"] .participant-tile{position:absolute;inset:0}.participants[data-count="1"] .participant-name{bottom:calc(156px + var(--safe-bottom))}.participants[data-count="2"] .participant-tile:not(.is-local){position:absolute;inset:0}.participants[data-count="2"] .participant-tile:not(.is-local) .participant-name{bottom:calc(156px + var(--safe-bottom));left:30px}.participants[data-count="2"] .participant-tile.is-local{position:absolute;width:185px;height:246px;right:26px;top:calc(96px + var(--safe-top));border:1px solid rgba(255,255,255,.12);border-radius:19px;box-shadow:0 8px 35px #0000003b;z-index:3}.participants[data-count="2"] .participant-tile.is-local .participant-name{font-size:13px;left:12px;right:10px;bottom:12px}.participants[data-count="2"] .participant-tile.is-local .avatar-initials{width:62px;height:62px;font-size:25px}.participants[data-count="2"] .participant-tile.is-local .avatar-caption{display:none}.participants.is-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;padding:calc(88px + var(--safe-top)) 20px calc(157px + var(--safe-bottom))}.participants.is-grid .participant-tile{border-radius:20px}.participants[data-count="3"] .participant-tile:first-child{grid-column:span 2}.participants[data-count="5"],.participants[data-count="6"],.participants.is-large{grid-template-columns:repeat(3,minmax(0,1fr))}.participants.is-many{grid-template-columns:repeat(4,minmax(0,1fr))}.participant-tile.is-speaking{box-shadow:inset 0 0 0 3px #34c759bf}.participant-tile.is-speaking:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border:2px solid rgba(52,199,89,.75);border-radius:inherit}.requests{position:absolute;z-index:7;bottom:calc(166px + var(--safe-bottom));left:50%;transform:translate(-50%);width:min(calc(100% - 32px),440px);display:flex;flex-direction:column;gap:8px;max-height:230px;overflow-y:auto;border-radius:20px;scrollbar-width:thin}.request{display:flex;align-items:center;gap:13px;padding:14px;border-radius:20px;background:#262931f5;border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.request-avatar{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#4a5470;font-size:16px}.request-text{flex:1;min-width:0}.request-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;margin-bottom:4px}.request-copy{font-size:11px;color:#b9bdc8}.request-actions{display:flex;align-items:center;gap:6px}.request-reject{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#ffffff1a}.request-reject svg{width:19px;height:19px}.request-admit{min-height:39px;padding:0 13px;border-radius:22px;background:var(--green);font-size:13px;font-weight:600}.toast{position:absolute;z-index:30;top:calc(90px + var(--safe-top));left:50%;transform:translate(-50%);padding:13px 20px;width:max-content;max-width:calc(100% - 30px);border-radius:23px;background:#f3f4f6;color:#20232a;box-shadow:0 4px 20px #0003;font-size:14px;text-align:center;line-height:1.4}.owner-dialog{color:#fff;width:min(calc(100% - 32px),410px);border:1px solid rgba(255,255,255,.12);border-radius:25px;background:#242731;padding:30px;max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 30px 100px #0006}.owner-dialog::backdrop{background:#000000a3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.dialog-head h2{margin:0;font-size:25px;letter-spacing:-.6px}.close-dialog{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#3b3f4c;flex-shrink:0}.close-dialog svg{width:18px;height:18px}.dialog-copy{color:#b8bdcb;font-size:14px;line-height:1.5;margin:0 0 20px}.form-label{display:block;font-size:13px;color:#c5c9d4;margin:0 0 8px}.password-input{display:block;width:100%;background:#343845;color:#fff;border-radius:13px;height:52px;border:1px solid #454a59;padding:0 14px;font-size:16px;margin-bottom:14px}.dialog-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.dialog-actions .green-button{min-height:51px;font-size:15px}.danger-button{background:var(--red);width:100%;min-height:51px;border-radius:25px;font-size:15px;font-weight:600}.owner-helper{margin:17px 0 0;font-size:12px;color:#969dad;line-height:1.45}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.media-elements{display:none}.pwa-tools{position:absolute;z-index:5;left:30px;top:calc(91px + var(--safe-top));display:flex;flex-direction:column;align-items:flex-start;gap:8px}.pwa-tool{display:inline-flex;align-items:center;gap:7px;min-height:35px;max-width:160px;padding:8px 13px;border-radius:19px;background:#262931d1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:12px;line-height:1.2}.pwa-tool svg{width:15px;height:15px}.pwa-tool span{text-align:left}.install-steps{padding-left:23px;margin:22px 0;color:#e1e4ec;line-height:1.55;font-size:15px}.install-steps li{margin-bottom:13px;padding-left:5px}.contacts-dialog{width:min(calc(100% - 32px),470px)}.contacts-list{display:flex;flex-direction:column;gap:8px;max-height:290px;overflow-y:auto;margin:20px 0}.contact-row{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:17px;background:#303542}.contact-avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#4a5470;flex-shrink:0;font-size:16px}.contact-details{min-width:0;flex:1}.contact-details strong{display:block;color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.contact-details span{display:block;color:#adb5c7;font-size:10px;margin-top:5px;line-height:1.3}.contact-row .icon-button{flex-shrink:0;width:36px;height:36px;background:#424957}.contact-row .contact-call{background:var(--green)}.contact-row .icon-button svg{width:19px;height:19px}.contact-remove{width:24px;min-height:38px;flex-shrink:0;display:grid;place-items:center;background:transparent;color:#a1aaba;padding:0}.contact-remove svg{width:17px;height:17px}.contacts-empty{margin:25px 0;color:#aeb6c7;text-align:center;font-size:14px}.contact-form{border-top:1px solid #3b4050;padding-top:21px;margin-top:15px}.contact-input-row{display:flex;gap:8px;align-items:flex-start}.contact-input-row .password-input{min-width:0;flex:1}.contact-input-row .icon-button{margin-top:4px;flex-shrink:0}.incoming-dialog{text-align:center;padding:36px 28px}.incoming-avatar{width:90px;height:90px;margin:0 auto 22px;background:#4b5974;border-radius:50%;display:grid;place-items:center;color:#edf1fa;font-size:32px;font-weight:500}.incoming-label{color:#aeb6c8;margin:0 0 9px;font-size:13px}.incoming-dialog h2{margin:0 0 14px;font-size:29px;letter-spacing:-.8px;overflow-wrap:anywhere}.incoming-actions{display:flex;justify-content:space-evenly;align-items:flex-start;gap:35px;margin-top:35px}.incoming-action{display:flex;flex-direction:column;gap:13px;align-items:center;padding:0;background:transparent;font-size:13px}.incoming-action-circle{width:65px;height:65px;display:grid;place-items:center;border-radius:50%}.incoming-action-circle svg{width:30px;height:30px}.incoming-action-circle.decline{background:var(--red)}.incoming-action-circle.accept{background:var(--green)}.call-app[data-phase=call] .pwa-tools,.call-app[data-phase=connecting] .pwa-tools,.call-app[data-phase=waiting] .pwa-tools,.call-app[data-phase=call] .camera-stage,.call-app[data-phase=connecting] .entry,.call-app[data-phase=ended] .controls-wrap,.call-app[data-phase=lost] .controls-wrap,.call-app[data-phase=ended] .camera-empty,.call-app[data-phase=lost] .camera-empty{display:none}@media(max-width:600px){.call-app{min-height:500px}.topbar{padding:calc(17px + var(--safe-top)) 18px 12px;gap:10px}.brand{gap:9px}.brand-mark{width:33px;height:33px;border-radius:10px}.brand-mark svg{width:21px;height:21px}.brand-title{font-size:14px;letter-spacing:-.2px}.brand-subtitle{font-size:11px}.top-actions{gap:7px}.text-button{min-height:40px;padding:0 13px;font-size:12px}.icon-button{width:40px;height:40px}.icon-button svg{width:21px;height:21px}.entry{bottom:calc(145px + var(--safe-bottom));padding:0 24px}h1{font-size:29px}.entry-copy{font-size:14px;margin-bottom:19px}.camera-empty{padding-top:90px;padding-bottom:300px;gap:12px}.camera-monogram{width:84px;height:84px}.camera-monogram svg{width:35px;height:35px}.camera-empty p{font-size:13px}.preview-trigger{padding:11px 14px;font-size:12px;min-height:44px}.controls-wrap{bottom:calc(20px + var(--safe-bottom))}.controls{gap:14px;padding:14px 17px 11px;border-radius:29px}.control{width:57px}.control-circle{width:52px;height:52px}.control-label{font-size:10px}.participants[data-count="2"] .participant-tile.is-local{top:calc(86px + var(--safe-top));right:16px;width:106px;height:150px;border-radius:15px}.participants[data-count="2"] .participant-tile.is-local .participant-name{font-size:11px;left:9px;bottom:9px;right:7px}.participants[data-count="2"] .participant-tile.is-local .participant-muted{width:23px;height:23px}.participants[data-count="2"] .participant-tile.is-local .avatar-initials{width:48px;height:48px;font-size:21px}.participants[data-count="2"] .participant-tile:not(.is-local) .participant-name{left:20px}.participants.is-grid{padding:calc(80px + var(--safe-top)) 10px calc(151px + var(--safe-bottom));gap:6px}.participants.is-grid .participant-tile{border-radius:15px}.participants[data-count="5"],.participants[data-count="6"],.participants.is-large,.participants.is-many{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-name{font-size:12px;left:11px;bottom:11px;right:10px;gap:5px}.participant-muted{width:23px;height:23px}.avatar-initials{width:62px;height:62px;font-size:25px}.avatar-caption{font-size:11px}.connection-status{top:calc(80px + var(--safe-top));font-size:12px;padding:8px 12px}.requests{bottom:calc(154px + var(--safe-bottom))}.request{gap:9px;padding:12px}.request-avatar{width:35px;height:35px;font-size:14px}.request-name{font-size:13px}.request-copy{font-size:10px}.request-admit{font-size:12px;min-height:38px;padding:0 12px}.wait-view,.end-view{inset:90px 20px calc(151px + var(--safe-bottom))}.owner-dialog{padding:25px}.pwa-tools{left:18px;top:calc(78px + var(--safe-top));gap:7px}.pwa-tool{max-width:105px;padding:8px 10px;gap:6px;min-height:33px;font-size:11px}.pwa-tool svg{width:13px;height:13px}.contact-row{gap:7px;padding:11px 8px}.contact-avatar{width:33px;height:33px;font-size:13px}.contact-row .icon-button{width:32px;height:32px}.contact-remove{width:20px}.contacts-dialog{padding:23px 18px}}@media(max-width:380px){.topbar .brand-title{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{gap:5px}.top-actions .text-button{padding:0 10px;font-size:11px}.top-actions .icon-button{width:34px;height:34px}}@media(min-width:601px)and (min-height:561px)and (max-height:680px){.camera-empty{padding-bottom:420px;gap:12px}.camera-monogram{width:62px;height:62px}.camera-monogram svg{width:29px;height:29px}.camera-empty p{display:none}}@media(max-height:680px)and (orientation:portrait){.pwa-tools{right:18px;flex-direction:row;gap:6px}.pwa-tool{min-width:0;max-width:105px}.camera-empty{justify-content:flex-start;padding-top:calc(145px + var(--safe-top));padding-bottom:260px}.camera-monogram{width:58px;height:58px}.camera-monogram svg{width:28px;height:28px}.camera-empty p{display:none}.entry h1{font-size:26px}.entry-copy{margin-bottom:13px}.entry-note{margin-top:9px}}@media(max-height:600px)and (orientation:portrait){.camera-empty{display:none}}@media(orientation:landscape)and (max-height:560px){.call-app{min-height:320px}.topbar{padding:14px 24px}.brand-subtitle{display:none}.entry{inset:85px 7% 110px auto;padding:0;width:320px;align-items:center}.entry h1{font-size:25px}.entry-copy{margin-bottom:12px;font-size:13px}.entry-note{display:none}.name-field input{height:44px;font-size:15px}.green-button{min-height:45px;font-size:15px}.camera-empty{inset:70px 50% 90px 0;padding:0 24px}.camera-monogram{width:58px;height:58px}.camera-empty p{display:none}.controls-wrap{bottom:calc(10px + var(--safe-bottom))}.controls{padding:9px 19px 8px;gap:18px;border-radius:24px}.control-circle{width:43px;height:43px}.control-label{font-size:10px}.control{gap:5px;width:52px}.participants[data-count="2"] .participant-tile.is-local{top:70px;right:20px;height:125px;width:95px}.participants[data-count="2"] .participant-tile:not(.is-local) .participant-name,.participants[data-count="1"] .participant-name{bottom:110px}.participants.is-grid{padding:66px 12px 101px}.participants[data-count="5"],.participants[data-count="6"],.participants[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.participants[data-count="3"] .participant-tile:first-child{grid-column:auto}.connection-status{top:65px}.wait-view,.end-view{inset:65px 20px 100px}.wait-card,.end-card{padding:17px 24px}.wait-avatar,.end-icon{display:none}.wait-card p,.end-card p{margin-bottom:14px}.wait-caption{display:none}.requests{bottom:108px;width:380px;max-height:132px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--glass-panel: rgba(31,39,54,.86);--glass-border: rgba(235,244,255,.2);--call-bottom: calc(210px + var(--safe-bottom));--rail-height: 94px}.controls,.call-tools,.presentation-controls,.owner-dialog,.wait-card,.end-card,.request,.connection-status{background:var(--glass-panel);border:1px solid var(--glass-border);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);box-shadow:inset 0 1px #ffffff1a,0 12px 38px #00000040}.top-actions .text-button,.top-actions .icon-button,.pwa-tool,.name-field{background:#252e40d1;border:1px solid rgba(236,245,255,.17);box-shadow:inset 0 1px #ffffff1a}.control-circle{background:#ebf2ff2e;box-shadow:inset 0 1px #ffffff1f}.control-label,.owner-helper,.entry-note,.dialog-copy,.entry-copy{color:#cbd3e2}.green-button,.contact-row .contact-call,.incoming-action-circle.accept{color:#062411}input::placeholder{color:#cbd3e2}.brand>div{padding:4px 7px;margin:-4px -7px;border-radius:12px;background:#141d2cdb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.participant-name>span:first-child{padding:4px 8px;border-radius:11px;background:#0e1726e0;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.owner-dialog{background:#1f2736f5}.owner-dialog::backdrop{background:#02071099;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.call-tools{display:flex;align-items:center;gap:8px;border-radius:25px;padding:5px;max-width:100%}.layout-options{display:flex;gap:3px}.layout-button,.tool-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;border-radius:20px;min-height:38px;padding:8px 12px;font-size:12px;font-weight:550;color:#eaf0fa}.layout-button svg,.tool-button svg{width:18px;height:18px}.layout-button[aria-pressed=true]{background:#deecff33;box-shadow:inset 0 1px #ffffff26;color:#fff}.tool-button{background:#eff5ff17}.layout-button:hover:not(:disabled),.tool-button:hover:not(:disabled){background:#e8f1ff38}.presentation-controls{position:absolute;z-index:6;left:50%;bottom:calc(14px + var(--safe-bottom));transform:translate(-50%);display:flex;align-items:center;gap:7px;border-radius:28px;padding:5px;width:max-content;max-width:calc(100% - 32px)}.presentation-count{min-width:49px;text-align:center;font-size:12px;color:#eaf0fa;font-variant-numeric:tabular-nums}.small-control{width:44px;min-height:44px;display:grid;place-items:center;flex-shrink:0;background:#eff5ff1a;border-radius:50%}.small-control svg{width:17px;height:17px}.has-pdf-controls{--call-bottom: calc(258px + var(--safe-bottom))}.mode-choice{display:block;width:100%;background:#eff5ff17;padding:18px;border-radius:18px;text-align:left;margin-top:12px;border:1px solid rgba(239,245,255,.1)}.mode-choice strong{display:block;font-size:16px;margin-bottom:7px}.mode-choice span{display:block;color:#cbd3e2;line-height:1.45;font-size:13px}.mode-choice:hover{background:#eff5ff29}.participants[data-layout=grid]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);padding:calc(88px + var(--safe-top)) 20px var(--call-bottom);gap:9px}.participants[data-layout=grid][data-count="5"],.participants[data-layout=grid][data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}.participants[data-layout=grid][data-count="3"] .participant-tile:first-child{grid-column:span 2}.participants[data-layout=grid] .participant-tile{position:relative;inset:auto;width:auto;height:auto;border-radius:20px;min-height:0}.participants[data-layout=grid] .participant-name{left:13px;right:11px;bottom:12px;font-size:13px}.participants[data-layout=grid] .participant-tile.is-local .avatar-caption{display:block}.participants[data-layout=speaker],.participants[data-layout=presentation]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:minmax(0,1fr) var(--rail-height);grid-auto-rows:var(--rail-height);gap:8px;padding:calc(88px + var(--safe-top)) 20px var(--call-bottom)}.participants[data-layout=speaker] .participant-tile,.participants[data-layout=presentation] .participant-tile{position:relative;inset:auto;width:auto;height:auto;min-width:0;min-height:0;border-radius:15px;grid-column:auto;grid-row:2}.participants[data-layout=speaker] .participant-tile:first-child:not(.is-featured),.participants[data-layout=presentation] .participant-tile:first-child{grid-column:auto}.participants[data-layout=speaker] .participant-tile.is-featured{grid-row:1;grid-column:1/-1;border-radius:24px}.participants[data-layout=speaker] .participant-tile.is-featured .participant-name{left:20px;right:17px;bottom:18px;font-size:16px}.participants .participant-tile.is-thumbnail .participant-name{font-size:11px;left:7px;right:6px;bottom:7px;gap:3px}.participants .participant-tile.is-thumbnail .participant-muted{width:20px;height:20px}.participants .participant-tile.is-thumbnail .participant-muted svg{width:12px;height:12px}.participants .participant-tile.is-thumbnail .avatar-initials{width:36px;height:36px;font-size:17px}.participants .participant-tile.is-thumbnail .avatar-caption{display:none}.presentation-stage{grid-row:1;grid-column:1/-1;position:relative;background:#0d121b;overflow:hidden;min-width:0;min-height:0;border-radius:23px;border:1px solid rgba(239,245,255,.12)}.presentation-stage video{width:100%;height:100%;object-fit:contain;display:block}.presentation-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:#cbd3e2;padding:20px}.presentation-empty svg{width:40px;height:40px}.presentation-empty p{margin:0;font-size:15px}.presentation-caption{position:absolute;bottom:10px;left:12px;right:12px;font-size:11px;width:fit-content;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 9px;border-radius:12px;background:#131a26e0;color:#eaf0fa;pointer-events:none}.participants[data-audience=true][data-layout=speaker]{grid-template-rows:minmax(0,1fr)}.participants[data-audience=true][data-layout=speaker] .participant-tile{grid-row:1;grid-column:1/-1}.participants.is-full-slide[data-layout=presentation]{grid-template-rows:minmax(0,1fr)}.participants.is-full-slide[data-layout=presentation] .participant-tile{display:none}.participant-tile:focus-visible{outline:3px solid #a8d7ff;outline-offset:-4px;z-index:4}.participant-tile[aria-pressed=true]:before{content:"";position:absolute;z-index:3;inset:0;border:2px solid rgba(178,222,255,.85);pointer-events:none;border-radius:inherit}.call-app[data-phase=call] .participants[data-layout=auto] .participant-tile:not(.is-local) .participant-name,.call-app[data-phase=call] .participants[data-layout=auto][data-count="1"] .participant-name{bottom:var(--call-bottom)}.call-app[data-phase=call] .requests{bottom:calc(var(--call-bottom) + 8px)}@media(max-width:600px){:root{--call-bottom: calc(198px + var(--safe-bottom));--rail-height: 76px}.has-pdf-controls{--call-bottom: calc(244px + var(--safe-bottom))}.call-tools{gap:5px}.layout-button,.tool-button{min-height:38px;width:38px;padding:8px}.layout-button span,.tool-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.participants[data-layout=grid],.participants[data-layout=speaker],.participants[data-layout=presentation]{padding:calc(78px + var(--safe-top)) 10px var(--call-bottom);gap:6px}.participants[data-layout=grid][data-count="5"],.participants[data-layout=grid][data-count="6"]{grid-template-columns:repeat(2,minmax(0,1fr))}.participants[data-layout=grid] .participant-tile{border-radius:17px}.participants[data-layout=speaker] .participant-tile.is-featured,.presentation-stage{border-radius:19px}.participants .participant-tile.is-thumbnail .participant-name{font-size:9px;left:4px;right:4px;bottom:5px}.participants .participant-tile.is-thumbnail .participant-name>span:first-child{padding:3px 4px;border-radius:7px}.participants .participant-tile.is-thumbnail .participant-muted{display:none}.participants .participant-tile.is-thumbnail .avatar-initials{width:28px;height:28px;font-size:13px}.presentation-controls{gap:4px}.presentation-caption{font-size:10px;bottom:7px;left:7px;padding:4px 7px}}@media(max-width:380px){.brand>div{max-width:72px;min-width:0}.brand-title,.brand-subtitle{max-width:72px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.brand-subtitle{display:block}.brand-subtitle svg{display:none}}@media(orientation:landscape)and (max-height:560px){:root{--call-bottom: calc(146px + var(--safe-bottom));--rail-height: 64px}.has-pdf-controls{--call-bottom: calc(188px + var(--safe-bottom))}.call-tools{padding:3px}.layout-button,.tool-button{min-height:32px;padding:6px 10px}.participants[data-layout=grid],.participants[data-layout=speaker],.participants[data-layout=presentation]{padding-top:65px}.participants[data-layout=grid][data-count="5"],.participants[data-layout=grid][data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-contrast:more){:root{--glass-panel: #182131;--glass-border: rgba(255,255,255,.55)}.control-label,.owner-helper,.entry-note,.dialog-copy,.entry-copy{color:#eef3fc}.layout-button[aria-pressed=true]{outline:1px solid #fff}}@supports not (backdrop-filter: blur(1px)){:root{--glass-panel: #222b3b}}.call-app[data-phase=prejoin] .camera-empty{display:none}.call-app[data-phase=prejoin] .entry{inset:calc(132px + var(--safe-top)) 0 calc(132px + var(--safe-bottom));overflow-y:auto;padding:12px 24px 22px;align-items:flex-start;scrollbar-width:thin}.entry-card h1{font-size:clamp(24px,4vw,32px);letter-spacing:-1px}.entry-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}.entry-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:17px 10px;min-height:93px;border-radius:20px;background:#252e40e0;border:1px solid rgba(236,245,255,.17)}.entry-option svg{width:25px;height:25px}.entry-option strong{font-size:14px;font-weight:550}.entry-option[aria-pressed=true]{background:#4f6f956b;border-color:#acd6ff;box-shadow:inset 0 0 0 1px #acd6ff}.entry-option:hover{background:#45556fc7}.call-app[data-phase=prejoin] .pwa-tools{flex-direction:row;top:calc(82px + var(--safe-top));right:18px;max-width:calc(100% - 36px)}.owner-auth-actions{margin:21px 0 15px}.owner-auth-actions .secondary-button{margin-bottom:9px}.room-settings-dialog{width:min(calc(100% - 32px),510px)}.room-settings-dialog h3{margin:30px 0 15px;font-size:19px;font-weight:600}.rooms-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;margin-bottom:21px}.managed-room{background:#eff5ff14;padding:15px;border-radius:17px}.managed-room strong{display:block;font-size:15px;margin-bottom:13px;overflow-wrap:anywhere}.managed-room-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.managed-room-actions a{display:inline-flex;align-items:center;min-height:44px;color:#bae0ff;font-size:12px;padding:8px 0;text-decoration:none}.managed-room-actions .secondary-button{width:auto;min-height:44px;padding:8px 12px;font-size:12px}.managed-room-revoke{min-height:44px;background:transparent;font-size:12px;color:#ffd3cd;padding:8px 0}.presenter-shapes{margin:24px 0 0;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.presenter-shapes legend{margin-bottom:13px;color:#cbd3e2;font-size:13px}.presenter-shapes .secondary-button{min-height:44px;font-size:13px}.presenter-shapes .secondary-button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #acd6ff;background:#4f6f956b}.participants[data-layout=grid].is-large{grid-template-columns:repeat(4,minmax(0,1fr))}.participants.is-large .participant-name{font-size:12px}.participants[data-layout=presentation]{display:block;padding:0;background:#07090e}.participants[data-layout=presentation] .presentation-stage{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#07090e}.participants[data-layout=presentation] .presentation-caption{display:none}.participants[data-layout=presentation] .participant-tile.is-presenter-overlay{display:block;position:absolute;z-index:4;inset:auto;top:calc(88px + var(--safe-top));right:calc(22px + env(safe-area-inset-right,0px));width:104px;height:104px;border-radius:50%;border:1px solid rgba(239,245,255,.4);box-shadow:0 7px 24px #0000007a;overflow:hidden}.participants[data-layout=presentation] .participant-tile.is-presenter-overlay .participant-name,.participants[data-layout=presentation] .participant-tile.is-presenter-overlay .avatar-caption{display:none}.participants[data-layout=presentation] .participant-tile.is-presenter-overlay .avatar-initials{width:42px;height:42px;font-size:19px}.participants.is-full-slide[data-layout=presentation] .participant-tile.is-presenter-overlay{display:block}.call-app[data-presenter-shape=portrait] .participants[data-layout=presentation] .participant-tile.is-presenter-overlay{width:90px;height:160px;border-radius:18px}.call-app[data-phase=call] .topbar,.call-app[data-phase=call] .controls-wrap{transition:opacity .18s ease,transform .18s ease}.call-app.controls-auto-hidden[data-phase=call] .topbar{opacity:0;transform:translateY(-12px);pointer-events:none}.call-app.controls-auto-hidden[data-phase=call] .controls-wrap{opacity:0;transform:translateY(12px);pointer-events:none}.call-app[data-phase=call] .pwa-tools{transition:opacity .18s ease}.call-app.controls-auto-hidden[data-phase=call] .pwa-tools{opacity:0;pointer-events:none}.call-app.controls-auto-hidden .participants[data-layout=grid]{padding-top:calc(18px + var(--safe-top));padding-bottom:calc(18px + var(--safe-bottom))}.call-app.controls-auto-hidden .participants[data-layout=presentation] .participant-tile.is-presenter-overlay{top:calc(18px + var(--safe-top))}.call-app.controls-auto-hidden .participants[data-layout=auto] .participant-tile:not(.is-local) .participant-name{bottom:calc(18px + var(--safe-bottom))}.has-pdf-controls[data-phase=call] .controls-wrap{bottom:calc(82px + var(--safe-bottom))}.has-pdf-controls .participants[data-layout=presentation] .presentation-stage video{height:calc(100% - 76px - var(--safe-bottom))}.has-pdf-controls .call-tools{flex-wrap:wrap;justify-content:center}.has-pdf-controls #presentation-stop{min-width:44px;min-height:44px}.participants[data-layout=presentation] .participant-tile.is-presenter-overlay{touch-action:manipulation;cursor:pointer}.presentation-stage{touch-action:manipulation}@media(max-width:600px){.call-app[data-phase=prejoin] .entry{inset:calc(123px + var(--safe-top)) 0 calc(128px + var(--safe-bottom));padding:10px 24px 18px}.entry-options{gap:8px;margin-bottom:14px}.entry-option{min-height:77px;padding:13px 8px;gap:8px;border-radius:18px}.entry-option strong{font-size:13px}.participants[data-layout=grid].is-large{grid-template-columns:repeat(3,minmax(0,1fr))}.participants.is-large .avatar-initials{width:38px;height:38px;font-size:17px}.participants.is-large .avatar-caption{display:none}.participants.is-large .participant-name{font-size:11px;left:6px;right:6px;bottom:6px}.participants.is-large .participant-name>span:first-child{padding:3px 5px}.participants.is-large .participant-muted{width:21px;height:21px}.participants[data-layout=presentation] .participant-tile.is-presenter-overlay{right:calc(14px + env(safe-area-inset-right,0px));width:78px;height:78px;border-radius:50%}.call-app[data-presenter-shape=portrait] .participants[data-layout=presentation] .participant-tile.is-presenter-overlay{width:72px;height:128px;border-radius:15px}}@media(max-height:680px)and (orientation:portrait){.call-app[data-phase=prejoin] .entry{inset:calc(120px + var(--safe-top)) 0 calc(123px + var(--safe-bottom))}.entry-card h1{font-size:24px}.entry-copy{font-size:13px}.name-field input{height:47px;font-size:15px}.entry-card .green-button{min-height:48px;font-size:15px}}@media(max-width:600px)and (max-height:600px)and (orientation:portrait){.call-app[data-phase=prejoin] .entry{padding-top:4px;padding-bottom:24px;scroll-padding-block:12px 24px}.call-app[data-phase=prejoin] .entry-copy{margin-bottom:9px}.call-app[data-phase=prejoin] .entry-options{margin-bottom:12px}.call-app[data-phase=prejoin] .entry-option{min-height:65px;padding-block:9px;gap:7px}.call-app[data-phase=prejoin] .name-field{margin-bottom:9px}}@media(orientation:landscape)and (max-height:560px){.call-app[data-phase=prejoin] .entry{inset:78px 0 101px;width:auto;padding:0 28px 18px}.call-app[data-phase=prejoin] .entry-card{width:520px}.entry-options{min-width:200px}.call-app[data-phase=prejoin] .pwa-tools{display:none}}