.calls-session{isolation:isolate;width:100%;height:min(680px,82dvh);min-height:560px;color:var(--hylo-color-ink);background:var(--hylo-color-background-base);border-radius:var(--hylo-radius-card);position:relative;overflow:hidden}.calls-screen{padding:var(--hylo-space-xl);background:var(--hylo-color-background-base);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.calls-identity{align-items:center;gap:var(--hylo-space-xl);text-align:center;z-index:1;flex-direction:column;max-width:100%;margin-top:68px;display:flex;position:relative}.calls-screen--voice{justify-content:center;padding-bottom:208px}.calls-screen--voice .calls-identity{margin-top:0}.calls-session:is([data-phase=incoming],[data-phase=ended]) .calls-screen--voice{padding-bottom:128px}.calls-identity h1{font-size:var(--hylo-font-title-size);line-height:var(--hylo-font-title-line);font-weight:var(--hylo-font-title-weight);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin:0;display:-webkit-box;overflow:hidden}.calls-status-panel{z-index:2;align-items:center;gap:var(--hylo-space-xs);margin-top:var(--hylo-space-xl);flex-direction:column;display:flex;position:relative}.calls-status{font-size:var(--hylo-font-subheadline-size);color:var(--hylo-color-ink2);font-variant-numeric:tabular-nums;min-height:1.35em;line-height:1.35}.calls-video-name{display:none}.calls-quality{gap:var(--hylo-space-xs);font-size:var(--hylo-font-caption-size);color:var(--hylo-color-metadata);align-items:center;display:flex}.calls-quality[data-quality=poor],.calls-quality[data-quality=reconnecting]{color:var(--hylo-color-needs-you)}.calls-controls-host{inset-inline:0;z-index:3;padding-inline:var(--hylo-space-lg);justify-content:center;display:flex;position:absolute;bottom:32px}.calls-controls{align-items:center;gap:var(--hylo-space-md);flex-direction:column;display:flex}.calls-answer-row{justify-content:center;align-items:center;gap:72px;display:flex}.calls-toggle-row{justify-content:center;align-items:center;gap:24px;display:flex}.calls-end-row{justify-content:center;align-items:center;gap:36px;display:flex}.calls-round.hylo-button,.calls-round{background:var(--hylo-color-fill);width:60px;min-width:60px;height:60px;min-height:60px;max-height:none;color:var(--hylo-color-ink);cursor:pointer;box-shadow:none;transition:transform var(--hylo-motion-press),background var(--hylo-motion-cross-fade);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.calls-round:not(:disabled):not(.is-disabled):active{transform:scale(.94)}.calls-round.is-selected{background:var(--hylo-color-ink);color:var(--hylo-color-background-base)}.calls-round--accept.hylo-button,.calls-round--end.hylo-button,.calls-round--close.hylo-button{color:#fff;width:72px;min-width:72px;height:72px;min-height:72px}.calls-round--accept.hylo-button{background:var(--hylo-color-online)}.calls-round--end.hylo-button{background:var(--hylo-color-destructive)}.calls-round--close.hylo-button{background:var(--hylo-color-ink2)}.calls-round:disabled,.calls-round.is-disabled{opacity:.4;cursor:default}.calls-round:focus-visible,.calls-device-button:has(select:focus-visible){outline:3px solid var(--hylo-color-focus-ring);outline-offset:3px}.calls-control-balance{flex:none;width:60px;height:60px}.calls-device{position:relative}.calls-device-button select{cursor:pointer;opacity:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.calls-device-button select:disabled{cursor:default}.calls-device-error{bottom:calc(100% + 8px);width:240px;padding:var(--hylo-space-md);background:var(--hylo-color-surface-solid);color:var(--hylo-color-ink2);font-size:var(--hylo-font-meta-size);box-shadow:var(--hylo-shadow-floating);text-align:start;border-radius:12px;line-height:1.4;position:absolute;inset-inline-end:0}.calls-notices{z-index:2;margin-top:var(--hylo-space-lg);text-align:center;align-items:center;gap:var(--hylo-space-md);flex-direction:column;width:100%;max-width:360px;display:flex;position:relative}.calls-notices p{line-height:1.4;font-size:var(--hylo-font-meta-size);color:var(--hylo-color-ink2);margin:0}.calls-notices .hylo-banner{max-height:110px;font-size:var(--hylo-font-meta-size);text-align:start;overflow:auto}.calls-browser-hint{max-width:300px}.calls-video-notice{max-width:320px}.calls-screen--video .calls-identity{padding:0 var(--hylo-space-xl);gap:var(--hylo-space-md);margin:0;position:absolute;top:calc(50% - 130px)}.calls-screen--video .calls-identity h1{font-size:var(--hylo-font-headline-size)}.calls-camera-status{font-size:var(--hylo-font-meta-size);color:var(--hylo-color-ink2);margin:0}.calls-screen--video .calls-status-panel{top:8px;padding:var(--hylo-space-md);background:color-mix(in srgb,var(--hylo-color-surface-solid) 85%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;align-items:flex-start;max-width:calc(100% - 136px);margin:0;position:absolute;inset-inline-start:8px}.calls-screen--video .calls-status{font-size:var(--hylo-font-meta-size)}.calls-screen--video .calls-video-name{font-size:var(--hylo-font-headline-size);font-weight:var(--hylo-font-headline-weight);text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.calls-remote-video{object-fit:cover;background:#0b0b12;width:100%;height:100%;position:absolute;inset:0}.calls-screen:has(.calls-remote-video) .calls-identity{display:none}.calls-local-video{top:8px;object-fit:cover;z-index:2;background:#0b0b12;border-radius:18px;width:112px;height:132px;position:absolute;inset-inline-end:8px;box-shadow:0 3px 8px #0003}.calls-session:has(.calls-screen--video) .calls-controls-host{inset-inline:8px;padding:var(--hylo-space-lg);background:color-mix(in srgb,var(--hylo-color-surface-solid) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;bottom:8px}.calls-screen--video .calls-notices{bottom:198px;padding-inline:var(--hylo-space-lg);background:color-mix(in srgb,var(--hylo-color-background-base) 85%,transparent);border-radius:12px;width:min(360px,100% - 16px);position:absolute;inset-inline-start:50%;transform:translate(-50%)}.calls-record{text-align:center;padding:var(--hylo-space-xs) var(--hylo-space-huge);font-size:var(--hylo-font-meta-size);line-height:var(--hylo-font-meta-line);color:var(--hylo-color-metadata);overflow-wrap:anywhere;min-height:calc(var(--hylo-font-meta-size) * var(--hylo-font-meta-line) + 8px)}.calls-record--outgoing{color:inherit}.calls-header-actions{align-items:center;gap:var(--hylo-space-xs);display:flex}.calls-header-actions .hylo-icon-button{min-width:44px;min-height:44px}.calls-page{height:100%;padding:var(--hylo-space-xl);background:var(--hylo-background);overflow:auto}.calls-page-body{align-items:center;gap:var(--hylo-space-xl);text-align:center;flex-direction:column;max-width:520px;margin:48px auto 32px;display:flex}.calls-page-body h1{font-size:var(--hylo-font-title-size);margin:0}.calls-page-body p{color:var(--hylo-color-ink2);margin:0}.calls-page-actions{gap:var(--hylo-space-lg);flex-wrap:wrap;justify-content:center;display:flex}.calls-contact-list{text-align:start;width:100%;height:min(480px,55dvh)}.calls-loading{place-items:center;min-height:200px;display:grid}.calls-sr-notice{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:is(.shell-sheet,.hylo-sheet)[role=dialog]:has(.calls-session){width:min(360px,100vw - 32px);inline-size:min(360px,100vw - 32px);max-width:calc(100vw - 32px);padding:0;overflow:hidden}:is(.shell-sheet,.hylo-sheet)[role=dialog]:has(.calls-screen--video){width:min(720px,100vw - 32px);inline-size:min(720px,100vw - 32px)}:is(.shell-sheet,.hylo-sheet)[role=dialog]:has(.calls-session) :is(.shell-sheet-body,.hylo-sheet__body){max-height:none;padding:0;overflow:hidden}:is(.shell-sheet,.hylo-sheet)[role=dialog]:has(.calls-session)>:is(.shell-sheet-handle,.hylo-sheet__handle,.hylo-sheet__header){display:none}@media (width<=767px){:is(.shell-sheet,.hylo-sheet)[role=dialog]:has(.calls-session){width:100%;inline-size:100%;max-width:100%;height:100dvh;block-size:100dvh;max-height:100dvh;border-radius:0;max-block-size:100dvh;margin:0}.calls-session{border-radius:0;height:100dvh;min-height:0}.calls-screen{padding-top:calc(var(--hylo-safe-area-top) + 16px)}.calls-identity{margin-top:clamp(56px,14dvh,150px)}.calls-controls-host{bottom:calc(32px + var(--hylo-safe-area-bottom))}.calls-screen--video .calls-status-panel,.calls-local-video{top:calc(8px + var(--hylo-safe-area-top))}.calls-local-video{height:156px}.calls-session:has(.calls-screen--video) .calls-controls-host{bottom:calc(8px + var(--hylo-safe-area-bottom))}.calls-screen--video .calls-notices{bottom:calc(198px + var(--hylo-safe-area-bottom))}.calls-page-body{margin-top:32px}.calls-page{padding-bottom:calc(32px + var(--hylo-safe-area-bottom))}}@media (height<=480px){.calls-session{height:100dvh;min-height:0}.calls-identity{gap:8px;margin-top:0}.calls-identity>.hylo-avatar{width:80px!important;height:80px!important}.calls-local-video{height:84px}.calls-screen--video .calls-identity{top:calc(50% - 100px)}.calls-controls-host{bottom:12px;width:50%;inset-inline-start:auto}.calls-session:has(.calls-screen--video) .calls-controls-host{width:auto;inset-inline-start:auto}.calls-screen--voice .calls-identity,.calls-screen--voice .calls-status-panel,.calls-screen--voice .calls-notices{align-self:flex-start;width:50%}.calls-screen--video .calls-notices{inset-inline-start:8px;max-width:40%;bottom:12px;transform:none}}@media (prefers-reduced-motion:reduce){.calls-round{transition:none}.calls-round:active{transform:none}}