/* One app header, including the account and Signal surfaces. */
.topbar,.signal-dialog .signal-bar{box-sizing:border-box;min-height:calc(78px + var(--sa-safe-top,0px));padding-top:calc(10px + var(--sa-safe-top,0px));padding-bottom:10px;gap:8px;background:#050a0d;border-bottom:1px solid #ffffff14;border-radius:0;flex-wrap:nowrap;justify-content:space-between}
.signal-dialog{inset:var(--signal-top,0px) 0 auto;margin:0;width:100%;max-width:100%;height:var(--signal-height,100dvh);max-height:none;border:0;border-radius:0}
.signal-dialog .signal-bar{padding-left:max(18px,calc((100vw - 1084px)/2));padding-right:max(18px,calc((100vw - 1084px)/2))}
.signal-dialog .signal-content{width:min(100%,1120px);margin-inline:auto;box-sizing:border-box}
.signal-dialog .signal-tabs{padding-inline:max(18px,calc((100vw - 1084px)/2))}
.topbar .brand,.signal-bar .brand{flex:1 1 auto;min-width:0;flex-basis:auto;gap:9px}
.brand-sub{display:none}.brand-title-row{flex-wrap:nowrap}.brand-name{font-size:14px}.brand-mark{width:38px;height:38px;flex-basis:38px}
.signal-header-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto}
.lang-toggle{display:flex;align-items:center;padding:3px;gap:0;border:1px solid #34434c;border-radius:999px;background:#0c161d;flex-shrink:0}
.lang-toggle button{display:grid;place-items:center;box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#f1f5f9;font:400 22px/1 system-ui;cursor:pointer;box-shadow:none}
.lang-toggle button.active{background:#edf3f6;color:#10181e}.lang-toggle button:focus-visible{outline:2px solid #85deeb;outline-offset:2px}
.lang-toggle button img{display:block;width:28px;height:28px;object-fit:contain;pointer-events:none}
.signal-account-button{box-sizing:border-box;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid #34434c;background:#0c161d;color:#b8d4e4;display:grid;place-items:center;flex-shrink:0;cursor:pointer}
.signal-account-button svg{width:20px;height:20px}
.owner-header .header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.owner-header .lang-toggle{width:auto}
@media(max-width:480px){
 .signal-dialog .signal-bar{padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}
 .brand-name{font-size:11px;letter-spacing:.06em}.brand-title-row{gap:5px}.topbar .brand,.signal-bar .brand{gap:7px}
 .brand-mark{width:34px;height:34px;flex-basis:34px}.beta-badge{font-size:8px;padding:3px 4px}
}
@media(max-width:380px){.topbar .beta-badge,.signal-bar .beta-badge{display:none}.brand-name{font-size:10px}.topbar .brand,.signal-bar .brand{flex-basis:auto}}
.audio-generated{display:block;font-size:10px;line-height:1.3;color:#aab9c3;font-weight:400;white-space:normal}.audio-player{flex-wrap:wrap}.audio-player>span{min-width:90px;flex:1}.audio-player button{min-height:44px}.audio-player select{min-height:44px}

/* Sharing lives inside the installed app's existing header. */
.site-share-button{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #34434c;border-radius:50%;background:#0c161d;color:#a6e4ef;cursor:pointer;padding:0}.site-share-button:focus-visible{outline:2px solid #85deeb;outline-offset:3px}
.topbar:has(.site-share-button) .beta-badge,.signal-bar:has(.site-share-button) .beta-badge{display:none}
@media(max-width:360px){.topbar:has(.site-share-button) .brand-title-row,.signal-bar:has(.site-share-button) .brand-title-row{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
.site-share-sheet{box-sizing:border-box;width:min(440px,calc(100% - 24px));padding:26px;margin:auto;border:1px solid #42616f;border-radius:26px;background:#0d1921;color:#eff8fc;box-shadow:0 24px 80px #000a;max-height:calc(100dvh - 40px);overflow:auto}.site-share-sheet::backdrop{background:#02080cbf;backdrop-filter:blur(6px)}.site-share-heading{display:flex;align-items:center;gap:16px;justify-content:space-between}.site-share-heading h2{font-size:1.5rem;margin:0}.site-share-heading button{border:1px solid #36505e;background:#101f29;border-radius:14px;width:44px;height:44px;flex:0 0 44px;font-size:1.8rem;cursor:pointer}.site-share-description{color:#b5c8d3;line-height:1.6}.site-share-sheet label{display:block;font-size:.9rem;margin:20px 0 8px;color:#adbfcb}.site-share-sheet input{box-sizing:border-box;width:100%;min-height:48px;padding:12px;border:1px solid #385767;border-radius:12px;background:#071118;color:#d3eff5;font-size:16px}.site-share-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.site-share-actions button{flex:1;min-height:48px;padding:12px 16px;border:1px solid #66dcef;border-radius:14px;background:#14343e;color:#a4ecf5;font:700 1rem system-ui;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.site-share-actions button[data-native-share]{background:#69dff0;color:#051319}.site-share-feedback{font-size:.9rem;line-height:1.6;color:#81e6c5;margin-bottom:0;min-height:24px}.site-share-sheet button:focus-visible,.site-share-sheet input:focus-visible{outline:2px solid #85deeb;outline-offset:3px}
@media(max-width:600px){.site-share-sheet{margin:auto auto max(12px,env(safe-area-inset-bottom));padding:24px}}

.site-share-scope{display:flex;gap:8px;margin:20px 0}.site-share-scope button{padding:10px 16px;border:1px solid #385767;border-radius:999px;background:#0a141d;color:#b5c8d3;min-height:44px;cursor:pointer}.site-share-scope button[aria-pressed=true]{background:#163640;border-color:#72daef;color:#a4ecf5}