body, html { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background-color: #000; font-family: sans-serif; color: white; }
#app-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.page { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 0.5s ease-in-out; visibility: hidden; }
.page.active { opacity: 1; visibility: visible; }
.page-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.hotspot { position: absolute; cursor: pointer; }
.loader { font-size: 1.5rem; }
#audio-controls { position: fixed; bottom: 15px; right: 15px; display: flex; align-items: center; gap: 10px; background: rgba(0,0,0,0.5); padding: 8px; border-radius: 50px; z-index: 100; }
#play-pause-btn { background: none; border: 2px solid white; color: white; border-radius: 50%; width: 40px; height: 40px; font-size: 10px; cursor: pointer; }
#volume-slider { width: 80px; cursor: pointer; }