.hosted-app-header{z-index:10;border-block-end:1px solid var(--sonde-color-border);background:color-mix(in srgb, var(--sonde-color-bg) 88%, transparent);min-block-size:68px;color:var(--sonde-color-text);font-family:var(--sonde-font-body);justify-content:space-between;align-items:center;gap:1rem;padding-inline:clamp(1rem,3vw,2rem);display:flex;position:relative}.hosted-app-header :where(a,a:visited,a:hover){color:inherit;text-decoration:none}.hosted-app-skip-link{z-index:30;border:2px solid var(--sonde-color-primary);background:var(--sonde-color-bg);color:var(--sonde-color-primary);border-radius:0 0 .35rem .35rem;padding:.65rem .9rem;font-weight:700;position:fixed;inset-block-start:-100vh;inset-inline-start:1rem}.hosted-app-skip-link:focus,.hosted-app-skip-link:focus-visible{outline:3px solid var(--sonde-color-accent);outline-offset:2px;inset-block-start:0}.hosted-app-brand{min-block-size:44px;font-family:var(--sonde-font-display);letter-spacing:-.03em;text-transform:lowercase;flex:none;align-items:center;gap:.45rem;font-size:1.375rem;font-weight:800;display:inline-flex}.hosted-app-actions,.hosted-app-nav,.hosted-app-entry-actions,.hosted-app-account-slot,.hosted-app-recovery{align-items:center;gap:.35rem;min-width:0;display:flex}.hosted-app-link,.hosted-app-menu summary,.hosted-app-recovery button{box-sizing:border-box;min-block-size:44px;color:inherit;cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:.45rem;padding:.65rem .75rem;font-weight:650}.hosted-app-link:hover,.hosted-app-menu summary:hover,.hosted-app-recovery button:hover{background:color-mix(in srgb, var(--sonde-color-primary) 12%, transparent)}.hosted-app-link[aria-current=page]{background:color-mix(in srgb, var(--sonde-color-primary) 14%, transparent);color:var(--sonde-color-primary)}.hosted-app-link:disabled{cursor:wait;opacity:.72}.hosted-app-entry-prompt,.hosted-app-recovery span{color:var(--sonde-color-text-muted);font-size:.875rem}.hosted-app-progress{min-block-size:44px;min-inline-size:10rem;color:var(--sonde-color-text-muted);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.hosted-app-recovery{flex-wrap:wrap;justify-content:flex-end}.hosted-app-recovery button,.hosted-app-recovery a{color:var(--sonde-color-primary)}.hosted-app-handoff-error{border:1px solid var(--sonde-color-error);background:var(--sonde-color-surface);max-inline-size:min(26rem,100vw - 2rem);color:var(--sonde-color-text);box-shadow:0 .75rem 2rem color-mix(in srgb, var(--sonde-color-bg) 65%, transparent);border-radius:.45rem;margin:0;padding:.65rem .8rem;font-size:.875rem;position:absolute;inset-block-start:calc(100% + .35rem);inset-inline-end:1rem}.hosted-account-trigger{min-block-size:44px;max-inline-size:17.5rem}.hosted-account-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hosted-account-panel{border-inline-start:1px solid var(--sonde-color-border);background:var(--sonde-color-bg);inline-size:min(26.25rem,100%);color:var(--sonde-color-text)}.hosted-account-panel-content{min-block-size:100%;padding:1.5rem}.hosted-account-panel-title,.hosted-account-identity-primary,.hosted-account-avatar,.hosted-account-detail-value{font-weight:700}.hosted-account-close{min-inline-size:44px}.hosted-account-identity{min-inline-size:0}.hosted-account-identity-primary,.hosted-account-identity-email{overflow-wrap:anywhere}.hosted-account-avatar{background:color-mix(in srgb, var(--sonde-color-primary) 18%, transparent);color:var(--sonde-color-primary)}.hosted-account-avatar--compact{block-size:28px;inline-size:28px}.hosted-account-avatar--profile{block-size:48px;inline-size:48px}.hosted-account-actions{margin-block-start:auto}.hosted-account-action{justify-content:flex-start;min-block-size:44px}.hosted-account-detail-icon{min-block-size:32px;min-inline-size:32px;color:var(--sonde-color-primary);place-items:center;display:grid}.hosted-account-detail-value{font-weight:650}.hosted-app-menu{display:none;position:relative}.hosted-app-menu summary{place-items:center;list-style:none;display:grid}.hosted-app-menu summary::-webkit-details-marker{display:none}.hosted-app-menu-panel{border:1px solid var(--sonde-color-border);background:var(--sonde-color-surface);min-inline-size:11rem;box-shadow:0 .75rem 2rem color-mix(in srgb, var(--sonde-color-bg) 65%, transparent);border-radius:.55rem;padding:.4rem;display:grid;position:absolute;inset-block-start:calc(100% + .4rem);inset-inline-end:0}@media (width<=56.25rem){.hosted-app-nav,.hosted-app-entry-prompt{display:none}.hosted-app-menu{display:block}.hosted-app-progress{min-inline-size:44px}.hosted-app-progress-label{display:none}}@media (width<=37.5rem){.hosted-account-trigger{max-inline-size:11.25rem}.hosted-account-panel-content{padding:1.25rem}}@media (width<=25rem){.hosted-app-header{gap:.35rem;padding-inline:.65rem}.hosted-app-brand{font-size:1.15rem}.hosted-app-account-slot .hosted-account-label{display:none}}