/* Browser edition: host navigation is outside the page, not an XHS overlay. */
.toast{pointer-events:none;max-width:calc(100vw - 32px);padding:8px 12px;font-size:12px;line-height:1.5}
body.is-playing .wrap{padding-top:calc(10px + env(safe-area-inset-top,0px))}
.web-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:12px;line-height:1.7}
.web-links a,.web-result-actions a{color:var(--ink);text-underline-offset:4px}
.web-links button{min-height:44px}
.web-notice{max-width:38em;font-size:12px;color:var(--muted);line-height:1.8}
.web-share{z-index:45;padding:calc(12px + env(safe-area-inset-top,0px)) 16px calc(12px + env(safe-area-inset-bottom,0px))}
.web-share .dialog{max-height:calc(var(--play-height,100dvh) - 40px);overscroll-behavior:contain}
.web-share input{max-width:none;font-size:16px}
.web-result-actions{display:flex;flex-direction:column;gap:14px;align-items:center;margin-top:20px;border-top:1px solid var(--line);padding-top:16px;font-size:12px}
.web-result-actions button,.web-result-actions .secondary{min-height:44px;width:100%;text-align:center;text-decoration:none}
@media(max-height:520px) and (orientation:landscape){body.is-playing .wrap{padding-top:calc(5px + env(safe-area-inset-top,0px))}body.is-playing .audio-panel .music-toggle,body.is-playing .audio-panel .quiet,body.is-playing .audio-panel .player-chip,body.is-playing .controls .hint,body.is-playing .view-toolbar button,body.is-playing .round-actions .secondary{min-height:32px}}