html[data-recorder-app] header,
html[data-recorder-app] main > nav,
html[data-recorder-app] .footerbar,
html[data-recorder-app] .account-tools,
html[data-recorder-app] .recorder-business-link { display:none; }
html[data-recorder-app] .page:not(#voice) { display:none !important; }
html[data-recorder-app] #voice { display:block; }
html[data-recorder-app] main { max-width:780px;padding:16px 16px max(28px,env(safe-area-inset-bottom)); }
.recorder-topbar { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px; }
.recorder-brand { display:flex;align-items:center;gap:10px;min-width:0; }
.recorder-brand img { border-radius:12px; }
.recorder-brand b { font-size:19px; }
.recorder-brand small { display:block;color:var(--muted);margin-top:2px; }
.recorder-install { margin:0 0 22px; }
#voice > h2 { font-size:28px; }
#voice .voice-recorder { max-width:none; }
#voice .voice-note-card { max-width:none; }
#voice .voice-recorder > .actions > .btn { min-height:52px;flex:1 1 180px;font-size:16px; }
html[data-recorder-app] #authGate { overflow-y:auto; }
@media(max-width:420px){.recorder-topbar > .btn{margin-left:auto}.recorder-install .btn{width:100%}}

#voice .voice-consent input{width:20px;height:20px;min-width:20px;accent-color:var(--accent);margin-top:1px}
#voice .btn:disabled{opacity:.5;cursor:not-allowed}
.recorder-tips summary{font-size:14px;font-weight:800;cursor:pointer;padding:8px 0}
