.sound-toggle{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .2s,background-color .2s,transform .15s;display:grid}.sound-toggle[aria-pressed=true]{color:var(--primary)}.sound-toggle:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}.sound-toggle:active{transform:scale(.92)}.sound-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sound-toggle svg{display:block}.topbar .sound-toggle{top:50%;right:max(4px, env(safe-area-inset-right));position:absolute;transform:translateY(-50%)}.topbar .sound-toggle:active{transform:translateY(-50%)scale(.92)}.sound-toggle.floating{z-index:30;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 14px -6px color-mix(in srgb, var(--text) 35%, transparent);position:fixed}@media (prefers-reduced-motion:reduce){.sound-toggle{transition:none}}.envelope .seal.has-logo{background:var(--surface);box-shadow:0 6px 16px #00000038, inset 0 0 0 3px color-mix(in srgb, var(--primary) 70%, #fff);padding:0;overflow:hidden}.envelope .seal.has-logo:before{display:none}.seal-logo{object-fit:contain;pointer-events:none;border-radius:50%;width:78%;height:78%}.brand:has(.brand-logo){align-items:center;gap:8px;display:inline-flex}.brand-logo{object-fit:contain;border-radius:8px;flex:none;width:28px;height:28px}