*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:#0a0a12;color:#e8e8f0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.app-shell{position:relative;width:100%;height:100%}.ambience-canvas{position:absolute;inset:0}.ambience-canvas canvas{display:block;width:100%;height:100%}.overlay{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s ease}.overlay--visible{opacity:1;pointer-events:auto}.overlay>*{pointer-events:auto}.enter-gate{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a12 70%)}.enter-gate__content{text-align:center;max-width:28rem;padding:2rem}.enter-gate h1{font-size:2.5rem;font-weight:300;letter-spacing:.15em;margin:0 0 1rem;text-transform:uppercase}.enter-gate p{opacity:.75;line-height:1.6;margin:0 0 1rem}.enter-gate__milieu{margin-bottom:2rem!important}.enter-gate__button{padding:.85rem 2.5rem;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,transform .2s}.enter-gate__button:hover{background:#fff3;transform:scale(1.02)}.fullscreen-prompt{position:absolute;top:1rem;left:50%;transform:translate(-50%);padding:.75rem 1rem;background:#0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.75rem;border:1px solid rgba(255,255,255,.1);font-size:.85rem;max-width:90vw;text-align:center}.fullscreen-prompt p{margin:0 0 .75rem}.fullscreen-prompt__actions{display:flex;gap:.5rem;justify-content:center}.fullscreen-prompt button{padding:.4rem .85rem;border-radius:.5rem;background:#ffffff26}.fullscreen-prompt button.ghost{background:transparent;opacity:.7}.weather-badge{position:absolute;bottom:1rem;left:1rem;font-size:.8rem;opacity:.65;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.weather-badge__sep{opacity:.5}.weather-badge__tz{opacity:.8}.weather-badge .link{text-decoration:underline;opacity:.9}.milieu-indicator{position:absolute;top:1rem;left:1rem;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;opacity:.5}.fullscreen-toggle{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);opacity:.65;transition:opacity .2s,background .2s}.fullscreen-toggle:hover{opacity:1;background:#0009}.track-picker{position:absolute;bottom:1rem;right:1rem}.track-picker__toggle{width:2.5rem;height:2.5rem;border-radius:50%;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);font-size:1.1rem}.track-picker__panel{position:absolute;bottom:3rem;right:0;min-width:12rem;padding:1rem;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.75rem;border:1px solid rgba(255,255,255,.1)}.track-picker__panel h2{margin:0 0 .75rem;font-size:.85rem;font-weight:500;opacity:.8}.track-picker__panel ul{list-style:none;margin:0;padding:0}.track-picker__panel li+li{margin-top:.35rem}.track-picker__panel button{width:100%;text-align:left;padding:.5rem .65rem;border-radius:.4rem;opacity:.75}.track-picker__panel button:hover,.track-picker__panel button.active{background:#ffffff1f;opacity:1}.muted{opacity:.5;font-size:.85rem}.error{color:#f0a0a0;font-size:.85rem}.overlay-error{position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}