.call-shell{height:100dvh;min-height:520px}.call-screen{height:100%;display:grid;grid-template-rows:auto 1fr}.call-screen[hidden]{display:none}#screenCall{grid-template-rows:1fr auto}.camera-header{display:flex;align-items:center;gap:12px;min-height:56px;padding:calc(8px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 8px calc(16px + env(safe-area-inset-left));border-bottom:1px solid #ffffff14}.camera-wordmark{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font:700 20px/1 var(--display, Georgia, serif);letter-spacing:-.03em}.camera-wordmark img{width:26px;height:26px;display:block}.presence-dot{margin-left:auto;width:11px;height:11px;flex:0 0 auto;border-radius:50%;background:#667069}.presence-dot[data-state=online]{background:var(--green-bright, #9ce5b8);box-shadow:0 0 0 4px #9ce5b822}.presence-dot[data-state=reconnecting]{background:#d9a13b}.book-body{min-height:0;display:flex;flex-direction:column;gap:18px;padding:22px 18px calc(20px + env(safe-area-inset-bottom));overflow-y:auto}.book-actions{display:flex;gap:12px;flex-wrap:wrap}.ghost-button{border:1px solid #ffffff38;border-radius:999px;min-height:55px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#ffffff10;font-weight:800;font-size:15px;cursor:pointer}.ghost-button:active{background:#ffffff25}.ghost-button:disabled{opacity:.4;cursor:default}.ghost-button:disabled:active{background:#ffffff10}.ghost-button[hidden],.primary-button[hidden]{display:none}.contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.contact-list:empty{display:none}.contact-list li{border:1px solid #ffffff1c;border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;background:#ffffff08}.book-empty{margin:8px 0 0;color:#aab5ae;font-size:14px;line-height:1.55;max-width:340px}.book-empty[hidden]{display:none}.book-languages{margin-top:6px}.book-body .dock-label{margin:0 0 8px;color:#9eaaa3;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.language-checklist{display:flex;flex-direction:column;gap:2px;max-width:360px;border:1px solid #ffffff1c;border-radius:16px;padding:6px;background:#ffffff08}.book-language-hint{margin:8px 0 0;color:#717c74;font-size:12px;line-height:1.5}.book-device{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;gap:8px;max-width:360px}.device-name-row{display:block;color:#aab5ae;font-size:12px;font-weight:800}.device-name-row input{display:block;width:100%;margin-top:5px;border:1px solid #ffffff30;border-radius:12px;padding:10px 12px;color:#fff;background:#ffffff0d;font-size:15px;box-sizing:border-box}.device-name-row input:focus{outline:2px solid var(--green-bright, #9ce5b8)}.book-device .ghost-button{align-self:flex-start;min-height:40px;padding:0 16px;font-size:12px}.book-identity{margin-top:0;padding-top:10px;color:#717c74;font-size:11px;font-weight:700;letter-spacing:.04em}.clear-all-button{margin-top:10px;align-self:flex-start;min-height:40px;padding:0 16px;font-size:12px}.ring-body{grid-row:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:35px;text-align:center}.ring-kicker{margin:0;color:var(--green-bright, #9ce5b8);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.ring-name{margin:0;font:600 clamp(30px,8vw,44px)/1.1 var(--display, system-ui);letter-spacing:-.03em}.ring-actions{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.call-stage{position:relative;min-height:0;overflow:hidden;background:#1b231e;contain:strict}.call-stage video#remoteVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.remote-overlay{position:absolute;inset:0;z-index:4;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.self-view{position:absolute;z-index:6;right:12px;bottom:12px;width:28%;min-width:96px;max-width:180px;aspect-ratio:3 / 4;border:1px solid #ffffff40;border-radius:14px;overflow:hidden;background:#101612;box-shadow:0 8px 24px #0006;transition:width .25s ease}.self-view.emphasized{width:46%;max-width:300px}.self-view video{width:100%;height:100%;object-fit:cover}.self-view video.mirrored{transform:scaleX(-1)}.self-overlay{position:absolute;inset:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.call-dock{z-index:10;display:flex;flex-direction:column;gap:8px;padding:10px 14px calc(14px + env(safe-area-inset-bottom));background:#101612}.call-controls{display:flex;align-items:center;justify-content:center;gap:16px}.call-sliders{display:flex;align-items:center;justify-content:space-between;gap:14px}.volume-row{flex:1 1 auto;display:flex;align-items:center;gap:8px;font-size:15px}.volume-row input{flex:1 1 auto;accent-color:var(--green-bright, #9ce5b8)}.resolution-toggle{display:flex;border:1px solid #ffffff30;border-radius:999px;overflow:hidden}.resolution-toggle button{border:0;padding:8px 14px;color:#cfd8d2;background:transparent;font-weight:800;font-size:12px;cursor:pointer}.resolution-toggle button[aria-pressed=true]{color:#102019;background:var(--green-bright, #9ce5b8)}.round-button.hangup{border-color:#d05f56;background:#d05f56}.round-button.hangup:active{background:#b04a42}.round-button[aria-pressed=true]{background:var(--green-bright, #9ce5b8);border-color:var(--green-bright, #9ce5b8);color:#102019}.round-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.round-button .icon-off,.round-button[aria-pressed=true] .icon-on{display:none}.round-button[aria-pressed=true] .icon-off{display:block}#hangupButton svg{fill:currentColor;stroke:none;transform:rotate(135deg)}.volume-row svg{flex:0 0 auto;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.remote-placeholder svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.self-cam-off{position:absolute;inset:0;display:grid;place-items:center;color:#aab5ae;background:#16201ae6}.self-cam-off[hidden]{display:none}.self-cam-off svg{width:30%;max-width:44px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.call-topbar{position:absolute;z-index:7;top:10px;left:12px;right:12px;display:flex;align-items:center;gap:9px;pointer-events:none}.call-peer-name{border-radius:999px;padding:7px 12px;color:#fff;background:#101612b8;backdrop-filter:blur(9px);font-size:13px;font-weight:800}.quality-dot{width:11px;height:11px;border-radius:50%}.quality-dot[data-level=good]{background:#46e08d}.quality-dot[data-level=fair]{background:#d9a13b}.quality-dot[data-level=poor]{background:#d05f56}.relay-hint,.mic-off-chip{border-radius:999px;padding:5px 9px;color:#ffe1b8;background:#4a2d18d9;font-size:10px;font-weight:800}.relay-hint[hidden],.mic-off-chip[hidden]{display:none}.remote-placeholder{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#aab5ae;background:#16201a}.remote-placeholder[hidden]{display:none}.remote-placeholder p{margin:0;font-size:14px;font-weight:700}.call-hint{position:absolute;z-index:5;left:12px;bottom:10px;width:fit-content;max-width:calc(100% - clamp(96px,28%,180px) - 36px);border-radius:16px;padding:8px 13px;color:#eef5f0;background:#101612b8;backdrop-filter:blur(9px);font-size:11px;font-weight:800;line-height:1.5}.pin-point,.pin-search{position:absolute;z-index:5;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;pointer-events:none}.pin-point{border:3px solid #f7cf4a;box-shadow:0 0 18px #f7cf4a88,inset 0 0 12px #f7cf4a55;animation:pin-pulse .9s ease-in-out infinite}.pin-search{border:3px dashed #9ce5b8;animation:pin-spin 1.4s linear infinite}.pin-point[hidden],.pin-search[hidden],.pin-box[hidden]{display:none}.pin-box{position:absolute;z-index:5;border:3px solid #46e08d;border-radius:6px;box-shadow:0 0 14px #46e08d77;pointer-events:none}.pin-label{position:absolute;z-index:6;border:0;border-radius:12px;min-height:38px;padding:8px 14px;color:#102019;background:#9ce5b8f5;font:800 15px Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 15px #10201966}.pin-label[hidden]{display:none}@keyframes pin-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.6}}@keyframes pin-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pin-point,.pin-search{animation:none}}.call-toast-global{position:fixed;z-index:40;bottom:calc(120px + env(safe-area-inset-bottom))}.contact-list li{cursor:pointer}.contact-list li:active{background:#ffffff14}.contact-name{flex:1 1 auto;min-width:0;font-weight:800;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#4a544e}.contact-dot[data-online=true]{background:#46e08d;box-shadow:0 0 0 3px #46e08d22}.contact-badge{border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.contact-badge.blocked{color:#ffb8b0;background:#4a1d18d9}.contact-badge.archived{color:#cfd8d2;background:#ffffff14}.contact-call-button{flex:0 0 auto}.call-dialog{border:1px solid #ffffff24;border-radius:20px;padding:22px;width:min(92vw,420px);color:#fff;background:#17201a}.call-dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}.call-dialog h2{margin:0 0 8px;font:600 24px var(--display, system-ui)}.dialog-note{margin:0 0 14px;color:#aab5ae;font-size:13px;line-height:1.5}.invite-code{margin:6px 0 16px;text-align:center;font:800 44px/1.1 ui-monospace,monospace;letter-spacing:.14em;color:var(--green-bright, #9ce5b8);user-select:all}.invite-code[hidden]{display:none}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.dialog-actions .ghost-button,.dialog-actions .primary-button{min-height:44px;padding:0 16px;font-size:13px}.dialog-close{width:100%;min-height:46px}.call-dialog label{display:block;margin:0 0 12px;font-size:12px;font-weight:800;color:#aab5ae}.call-dialog input{display:block;width:100%;margin-top:5px;border:1px solid #ffffff30;border-radius:12px;padding:12px;color:#fff;background:#ffffff0d;font-size:17px;box-sizing:border-box}.call-dialog input:focus{outline:2px solid var(--green-bright, #9ce5b8)}.dialog-error{margin:0 0 12px;color:#ffb8b0;font-size:13px;font-weight:700}.dialog-error[hidden]{display:none}.contact-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.contact-dialog-actions .primary-button{grid-column:1 / -1}.ghost-button.danger{border-color:#d05f5666;color:#ffb8b0}