:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#111;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{position:relative;width:100%;height:100%;overflow:hidden;background:#101114}main:before,main:after{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:1}main:before{top:0;height:190px;background:linear-gradient(#0009,transparent)}main:after{bottom:0;height:230px;background:linear-gradient(transparent,#000b)}.player{position:absolute;top:0;right:0;bottom:0;left:0}.player img{width:100%;height:100%;object-fit:contain;display:block}.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#17191c;color:#bbc0c5;text-align:center;padding:24px}.loader{width:30px;height:30px;border:2px solid #555;border-top-color:#eee;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}h2{font-size:20px;font-weight:500}.placeholder p{font-size:14px}header{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:28px 32px;padding-top:max(28px,env(safe-area-inset-top));text-shadow:0 1px 8px #0008}.eyebrow{font-size:10px;letter-spacing:2px;color:#ddd;margin:0 0 7px}h1{font-size:24px;font-weight:500;margin:0}#callMonitor{font-size:12px;color:#ddd;margin:8px 0 0}.top-right{display:flex;align-items:center}.status{font-size:12px;display:flex;align-items:center;margin-right:20px}.status i{width:7px;height:7px;border-radius:50%;background:#ffc967;margin-right:8px}.status.online i{background:#80cb88}.status.offline i{background:#ff7777}time{font-size:14px;font-variant-numeric:tabular-nums}.dock{position:absolute;z-index:4;bottom:46px;bottom:calc(46px + env(safe-area-inset-bottom));left:0;right:0;display:flex;align-items:center;justify-content:center;padding:0 20px}.control-group{display:flex;align-items:center}.control{position:relative;flex-shrink:0;display:flex;justify-content:center;align-items:center;width:64px;height:64px;margin:0 12px;padding:18px;border:0;border-radius:50%;background:rgba(189,189,189,.25);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 14px #0002}.control svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.control .label{position:absolute;top:74px;left:50%;transform:translateX(-50%);width:100px;text-align:center;font-size:11px;line-height:14px;font-weight:400;color:#fff;pointer-events:none;text-shadow:0 1px 5px #000}.control:hover{background:rgba(189,189,189,.4)}.control:focus{outline:2px solid #fff;outline-offset:4px}.control:focus:not(:focus-visible){outline:none}.control:disabled{opacity:.45;cursor:default}.control.accept{background:rgba(27,125,48,.85)}.control.hangup{background:rgba(183,28,28,.85)}.control.unlock{background:rgba(3,169,244,.65)}.control[aria-pressed=true]{background:rgba(3,169,244,.6)}.notices{position:absolute;z-index:3;top:116px;left:24px;right:24px;text-align:center;pointer-events:none}.notices p{display:table;max-width:640px;margin:8px auto;padding:10px 16px;border-radius:8px;background:#17191cd9;font-size:13px;line-height:1.45}.notices p:empty{display:none}#voiceError{color:#ffb0ab}#soundNotice{color:#f7dfa8}.call-message{position:fixed;z-index:3;top:82px;left:20%;right:20%;text-align:center;font-size:16px;text-shadow:0 1px 7px #000;background:#17191cc9;border-radius:10px;padding:14px}.call-message strong,.call-message span{display:block}.call-message span{font-size:12px;margin-top:5px}.stream-info{position:absolute;z-index:2;left:24px;bottom:18px;color:#ccc;font-size:10px;pointer-events:none}.stream-info span{margin-right:14px}[hidden]{display:none!important}.door-ringing .player{box-shadow:inset 0 0 0 3px #65c778}@media(max-width:700px){header{padding:22px 20px}h1{font-size:21px}.top-right{align-items:flex-end;flex-direction:column}.status{margin:0 0 10px}.control{width:52px;height:52px;padding:14px;margin:0 7px}.control .label{top:62px;width:70px;font-size:10px}.dock{padding:0 5px;bottom:54px}.secondary{display:none}.stream-info{bottom:12px;left:16px}.call-message{left:15%;right:15%;top:110px}.notices{top:190px}}@media(max-height:500px){header{padding:16px 24px}.eyebrow,#callMonitor{display:none}.notices{top:65px}.dock{bottom:40px}.control{width:52px;height:52px;padding:14px}.control .label{top:60px}.call-message{top:12px;left:32%;right:32%;padding:8px}.call-message span{display:none}.stream-info{display:none}}
@media(orientation:landscape){.player img{object-fit:cover}}@media(min-height:501px){.call-message{top:auto;bottom:160px}}
/* Spacious call controls; utility actions stay in the corners. */
.dock>.control,.dock .control-group>.control{margin-left:28px;margin-right:28px}.control .label{width:108px}.control-group{flex-shrink:0}#reconnect,#fullscreen{position:absolute;z-index:4;bottom:46px;bottom:calc(46px + env(safe-area-inset-bottom));margin:0}#fullscreen{left:32px}#reconnect{right:32px;display:flex}.stream-info{bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;opacity:.65}.sound-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(9,12,16,.82)}.sound-panel{width:480px;max-width:100%;text-align:center}.sound-panel h2{font-size:30px;font-weight:500;margin:0 0 16px}.sound-panel p{font-size:16px;line-height:1.5;color:#d2d7dd;margin:0 0 28px}.sound-panel button{display:block;width:100%;min-height:80px;padding:22px 24px;border:0;border-radius:12px;background:#039be5;color:white;font:inherit;font-size:22px;font-weight:500;cursor:pointer}.sound-panel button:hover{background:#03a9f4}.sound-panel button:focus{outline:3px solid white;outline-offset:5px}.sound-panel .sound-help{font-size:13px;margin:20px 0 0;color:#aeb8c2}@media(max-width:700px){.dock>.control,.dock .control-group>.control{margin-left:14px;margin-right:14px}.control .label{width:76px}#fullscreen{left:16px}#reconnect{right:16px}#reconnect,#fullscreen{bottom:150px}.sound-panel h2{font-size:26px}}@media(max-height:500px){#reconnect,#fullscreen{bottom:40px}.sound-panel button{min-height:66px}.sound-panel p{margin-bottom:18px}.sound-panel .sound-help{margin-top:14px}}

@media(max-width:700px){#reconnect,#fullscreen{bottom:46px;bottom:calc(46px + env(safe-area-inset-bottom))}.dock{bottom:150px}.stream-info{display:none}}