*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#f3f4f6;background:#05070d;font:16px/1.4 system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}.rain-app{width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.fog-overlay{pointer-events:none;background:radial-gradient(#d2dceb26 0%,#d2dceb8c 100%);transition:opacity .6s;position:absolute;inset:0}.control-panel{padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0508108c,#050810d9);flex-direction:column;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.control-panel__readout{align-items:baseline;gap:10px;display:flex}.control-panel__mmh{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.control-panel__label{opacity:.75;font-size:14px}.control-panel__slider{accent-color:#8fb4e6;width:100%}.control-panel__presets{flex-wrap:wrap;gap:6px;display:flex}.control-panel__presets button{color:#f3f4f6;background:#ffffff0f;border:1px solid #ffffff40;border-radius:999px;flex:1 0 auto;padding:6px 10px;font-size:12px}.control-panel__presets button.active{color:#0b1120;background:#8fb4e6;border-color:#8fb4e6;font-weight:700}.control-panel__night{color:#f3f4f6;background:#ffffff0f;border:1px solid #ffffff40;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:12px}