*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}#weather-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#controls{position:fixed;bottom:32px;left:50%;transform:translate(-50%);width:min(920px,calc(100vw - 32px));display:flex;flex-direction:column;align-items:center;gap:12px;z-index:100}.btn-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}button{padding:8px 16px;border:none;border-radius:20px;background:#fff3;color:#fff;font-size:14px;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s;text-shadow:0 1px 2px rgba(0,0,0,.3)}button:hover{background:#ffffff59}button.active{background:#ffffff80;color:#111;text-shadow:none}button:disabled{opacity:.38;cursor:not-allowed}button:disabled:hover{background:#fff3}.moon-row{gap:6px}.moon-row button{padding:7px 12px;font-size:13px}.progress-row button{min-width:52px}