.ambience-controls{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;max-width:100%;font:500 12px/1.4 Inter,"Segoe UI",Arial,sans-serif}
.ambience-toggle,.ambience-settings{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--theme-paper);color:var(--theme-main);font:inherit;white-space:nowrap;cursor:pointer}
.ambience-toggle .icon,.ambience-settings .icon{width:16px;height:16px;flex:0 0 auto}.ambience-settings{padding:8px;min-width:36px}.ambience-toggle:hover,.ambience-settings:hover{background:var(--theme-soft)}.ambience-controls[data-state="playing"] .ambience-toggle{background:var(--theme-soft)}.ambience-toggle:disabled{cursor:default;opacity:.6}
.ambience-controls [hidden],.ambience-dialog [hidden]{display:none!important}.ambience-toggle:focus-visible,.ambience-settings:focus-visible,.ambience-dialog button:focus-visible,.ambience-dialog input:focus-visible{outline:3px solid var(--theme-accent);outline-offset:3px}
.ambience-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--theme-paper);color:var(--theme-text);font:14px/1.7 Inter,"Segoe UI",Arial,sans-serif;box-shadow:0 16px 64px #0002}.ambience-dialog::backdrop{background:#0007}.ambience-dialog-heading{display:flex;align-items:center;gap:10px}.ambience-dialog-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--theme-soft);color:var(--theme-main)}.ambience-dialog-icon .icon{width:20px;height:20px}.ambience-dialog h2{margin:0;font-size:1.35rem;line-height:1.3;letter-spacing:-.025em;font-weight:600}.ambience-dialog p{color:var(--theme-muted);margin:16px 0}.ambience-dialog .ambience-consent-note{font-size:12px;line-height:1.75}.ambience-volume{display:grid;grid-template-columns:1fr auto;gap:10px;margin:22px 0 12px;color:var(--theme-text);font-weight:500}.ambience-volume>span{grid-column:1}.ambience-volume output{grid-column:2;grid-row:1;color:var(--theme-muted);font-size:12px;min-width:34px;text-align:right}.ambience-volume input{grid-row:2;grid-column:1/-1;width:100%;margin:0;min-height:32px;accent-color:var(--theme-main);cursor:pointer}.ambience-dialog .ambience-status{min-height:40px;font-size:12px;color:var(--theme-muted)}.ambience-dialog-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.ambience-dialog button{border:1px solid var(--line);border-radius:7px;min-height:42px;padding:9px 13px;background:var(--theme-paper);color:var(--theme-main);font:500 13px/1.4 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}.ambience-dialog .ambience-primary{background:var(--theme-main);border-color:var(--theme-main);color:var(--theme-paper)}.ambience-dialog .ambience-forget{border:0;padding:8px 0;margin-top:12px;font-size:12px;color:var(--theme-muted);text-decoration:underline}.ambience-dialog button:disabled{opacity:.6;cursor:default}
@media(max-width:600px){.ambience-controls{font-size:11px}.ambience-toggle{padding:7px 9px;min-height:38px;gap:5px}.ambience-settings{min-height:38px;padding:7px}.ambience-dialog{padding:22px}}
@media(prefers-reduced-motion:reduce){.ambience-controls *,.ambience-dialog *{animation:none!important;transition:none!important}}