.sound-docks{position:fixed;right:20px;bottom:18px;z-index:25;display:grid;gap:8px;justify-items:end;max-width:calc(100% - 40px)}.sound-docks .radio-dock,.sound-docks .ambience-dock{position:static;max-width:100%;margin:0}.ambience-dock{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #806b4e;border-radius:8px;background:#17242ef5;box-shadow:0 6px 28px #0006;color:var(--ink)}.ambience-dock button{background:transparent;color:inherit;min-height:44px;border:1px solid #5b675f;border-radius:4px;padding:8px 12px}.ambience-dock .ambience-dock-title{border:0;text-align:left;padding:0 8px;min-width:0}.ambience-dock-title strong,.ambience-dock-title small{display:block}.ambience-dock-title strong{font-size:.875rem;font-weight:500}.ambience-dock-title small{font-size:.75rem;color:var(--muted)}.ambience-dock button:hover{color:var(--gold)}.ambience-panel label{display:grid;gap:8px;margin:24px 0}.ambience-panel select{min-height:44px;padding:10px;background:#e9dfce;border:1px solid #bbae98;border-radius:4px;color:#293f43}.ambience-panel .ambient-volume{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ambient-volume input{min-height:44px;accent-color:#49685b;width:min(220px,48%)}.ambient-volume output{font-family:var(--mono);min-width:4ch}.ambience-enabled{padding-bottom:100px}.music-enabled.ambience-enabled{padding-bottom:180px}.ambience-inline{position:static;max-width:none;margin:0 0 24px;background:#e5ddce;border-color:#bbae98;box-shadow:none;color:#293f43}.ambience-inline .ambience-dock-title{flex:1}.ambience-inline .ambience-dock-title small{color:#5d685e}.ambience-inline button{border-color:#8b9b8c}.ambience-inline button:hover{color:#365b45}.ambient-open{min-height:44px;padding:9px 14px;border:1px solid #a9855650;background:#17242e;color:var(--ink);border-radius:4px}.memory-related{margin-top:24px}
@media(max-width:480px){.sound-docks{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:none;justify-items:stretch}.sound-docks .radio-dock{left:auto;right:auto;bottom:auto}.ambience-dock{padding:8px;gap:6px}.ambience-dock .ambience-dock-title{flex:1;padding:0 4px}.ambience-dock button{padding:8px}.ambience-inline{flex-wrap:wrap}}
.ambience-dock button:not(.ambience-dock-title){min-width:44px;flex-shrink:0}.viewer-sound-stops{position:absolute;right:16px;top:16px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:calc(100% - 32px);z-index:2}.viewer-sound-stops button{min-height:44px;min-width:44px;padding:8px 12px;background:#101a22e8;border:1px solid #a9855680;border-radius:5px;color:#f9d7a5;font:inherit;font-size:.8125rem}.hotspot.memory-object{background:#1c252c80;border-color:#f5dca250;box-shadow:none}.hotspot.memory-object:hover,.hotspot.memory-object:focus-visible{background:var(--gold);box-shadow:0 0 14px #ffc96850}