*,*: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,.controls-panel{position:absolute;bottom:1rem;right:1rem}.track-picker__toggle,.controls-panel__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,.controls-panel__panel{position:absolute;bottom:3rem;right:0;width:min(18rem,calc(100vw - 2rem));max-height:min(70vh,32rem);overflow-y:auto;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,.controls-panel__panel h2,.controls-section h2{margin:0 0 .75rem;font-size:.85rem;font-weight:500;opacity:.8}.controls-section+.controls-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}.controls-segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.controls-segmented--2{grid-template-columns:repeat(2,1fr)}.controls-chime-hint{margin:.5rem 0 .65rem;font-size:.75rem;line-height:1.4}.controls-segmented button{padding:.45rem .35rem;border-radius:.4rem;font-size:.75rem;opacity:.75}.controls-slider{display:grid;grid-template-columns:3.5rem 1fr 2.5rem;align-items:center;gap:.5rem;font-size:.8rem}.controls-slider+.controls-slider{margin-top:.65rem}.controls-slider input[type=range]{width:100%;accent-color:rgba(255,255,255,.7)}.controls-slider__value{text-align:right;opacity:.65;font-size:.75rem;font-variant-numeric:tabular-nums}.controls-list,.controls-chime-list{list-style:none;margin:0;padding:0}.controls-list li+li,.controls-chime-list li+li{margin-top:.35rem}.controls-list button{width:100%;text-align:left;padding:.5rem .65rem;border-radius:.4rem;opacity:.75}.controls-chime-mode{display:flex;align-items:center;gap:.5rem;margin-bottom:.65rem}.controls-chime-mode button{padding:.4rem .75rem;border-radius:.4rem;font-size:.8rem;opacity:.75}.controls-chime-mode__hint{font-size:.75rem}.controls-chime-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .5rem;border-radius:.4rem;font-size:.8rem;opacity:.7;cursor:pointer}.controls-chime-item--active{opacity:1;background:#ffffff14}.controls-chime-item input[type=checkbox]{accent-color:rgba(255,255,255,.8);cursor:pointer}.controls-chime-item__label{flex:1}.controls-chime-item__badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;opacity:.55}.controls-segmented button:hover,.controls-segmented button.active,.controls-list button:hover,.controls-list button.active,.controls-chime-mode button:hover,.controls-chime-mode button.active{background:#ffffff1f;opacity:1}.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%)}