body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000;font-family:DM Sans,sans-serif;color:#fff}.env-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(6px) brightness(.8);transform:scale(1.05);transition:opacity 2s ease-in-out}#env-day{background-image:url(/singapore_day.png);opacity:1}#env-day-rain{background-image:url(/singapore_day_rain.png);opacity:0}#env-night{background-image:url(/singapore_night.png);opacity:0}#weather-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}#rain-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.5s ease}#lightning-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#dcebff;opacity:0;pointer-events:none}#lightning-overlay.flash{animation:lightning-flash .7s ease-out forwards}@keyframes lightning-flash{0%{opacity:0}4%{opacity:.55}8%{opacity:.05}14%{opacity:.85}25%{opacity:.15}45%{opacity:.04}55%{opacity:0}to{opacity:0}}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}#secret-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;padding:15px 30px;border-radius:30px;font-family:DM Sans,sans-serif;font-size:1.2rem;letter-spacing:.5px;pointer-events:none;opacity:0;transition:opacity 1.5s ease-in-out;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}#secret-toast.show{opacity:1!important}#mobile-warning-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10000;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .3s ease;pointer-events:auto}#mobile-warning-modal.hidden{opacity:0;pointer-events:none}#mobile-warning-modal:not(.hidden){opacity:1!important;pointer-events:auto!important}#mobile-warning-modal .modal-content{background:#141419d9;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:30px 24px;max-width:80%;text-align:center;box-shadow:0 10px 40px #00000080}#mobile-warning-modal h2{margin:0 0 12px;font-size:1.3rem;color:#ff9d00;letter-spacing:.5px}#mobile-warning-modal p{margin:0 0 24px;font-size:1rem;line-height:1.5;color:#ffffffe6}#mobile-warning-dismiss{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:24px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .1s ease}#mobile-warning-dismiss:hover{background:#fff3}#mobile-warning-dismiss:active{transform:scale(.95)}#ui-top-left{position:absolute;top:32px;left:32px;pointer-events:auto}#app-title{margin:0;font-family:Poetsen One,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.5px;opacity:.9;text-shadow:0 1px 4px rgba(0,0,0,.3)}#ui-top-right{position:absolute;top:20px;right:20px;display:flex;gap:10px;z-index:100;pointer-events:auto}.control-btn{background:#ffffffb3;border:1px solid rgba(255,255,255,.9);color:#1a1a1d;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:0}.control-btn:hover,.control-btn:active{background:#141419d9;border:1px solid rgba(20,20,25,1);color:#fff}#ui-bottom-left{position:absolute;bottom:32px;left:32px;width:350px;pointer-events:auto}#ui-bottom-right{position:absolute;bottom:32px;right:32px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:auto}#station-selector{width:100%;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:.9rem;color:#ffffffe6;background:#1e1e1e66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:8px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:0 4px 12px #0003;transition:all .3s ease}#station-selector:hover{background:#32323280;border-color:#ffffff4d}#station-selector option{background:#1e1e1e;color:#fff}#city-selector-container{position:relative;margin-top:12px;width:fit-content;font-family:DM Sans,sans-serif;z-index:1000}#city-selector-current{padding:8px 16px;background:#0f0f1466;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:20px;font-size:1rem;font-weight:500;color:#ffffffe6;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .3s ease;display:flex;align-items:center;gap:8px}#city-selector-current:after{content:"▼";font-size:.6rem;opacity:.6}#city-selector-current:hover{background:#1e1e2899;border-color:#ffffff4d}#city-selector-menu{position:absolute;top:calc(100% + 8px);left:0;background:#0f0f1499;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:12px;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:all .3s cubic-bezier(.22,1,.36,1);min-width:120px;box-shadow:0 8px 24px #0000004d}#city-selector-container.open #city-selector-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.city-option{padding:10px 16px;font-size:.95rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.city-option:hover{background:#ffffff1a;color:#fff}.city-option.active{color:#fff;font-weight:700;background:#ffffff0d}#audio-player-container{position:fixed;bottom:12px;left:12px;width:320px;background:linear-gradient(to right,#ffffff0d,#0003),repeating-linear-gradient(45deg,#3d2314,#3d2314 2px,#361e10 2px,#361e10 5px);border-radius:8px;border:2px solid #2a160b;box-shadow:0 15px 25px #00000080,inset 0 2px #ffffff1a;transition:transform .4s cubic-bezier(.25,1,.5,1);z-index:100;pointer-events:auto}#audio-player-container.radio-closed{transform:translate(calc(-100% - 12px))}#player-inner{margin:10px;padding:12px;background:linear-gradient(to bottom,#2b2b2b,#1a1a1a);border-radius:4px;box-shadow:inset 0 4px 8px #000c,0 1px #ffffff1a;border:1px solid #000;display:flex;flex-direction:column;gap:10px}#station-selector{width:100%;padding:8px 12px;background:#0a0a0a;color:#ff9d00;font-family:DM Sans,monospace;font-weight:700;font-size:.9rem;letter-spacing:1px;border:2px solid #000;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 10px #ff9d001a,0 1px #ffffff1a;text-shadow:0 0 5px rgba(255,157,0,.5);background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ff9d00%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px top 50%;background-size:10px auto}#station-selector:hover{box-shadow:inset 0 0 15px #ff9d0033,0 1px #ffffff1a}#radio-toggle{position:absolute;left:calc(100% + 8px);bottom:0;background:#ffffffb3;border:1px solid rgba(255,255,255,.9);color:#1a1a1d;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:0;box-shadow:0 4px 6px #0003}#radio-toggle:hover,#radio-toggle:active{background:#141419d9;border:1px solid rgba(20,20,25,1);color:#fff}#radio-toggle svg{transition:transform .4s cubic-bezier(.22,1,.36,1)}#audio-player-container.radio-closed #radio-toggle svg{transform:rotate(180deg)}#time-display{font-size:6rem;font-weight:300;line-height:1;text-shadow:0 4px 12px rgba(0,0,0,.4)}#weather-status{display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:1.4rem;font-weight:500;color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.5);cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s ease,transform .1s ease;margin-bottom:-4px}#weather-status:hover{opacity:1;color:#fff}#weather-status:active{transform:scale(.98)}#settings-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:20px;font-family:inherit;font-size:14px;cursor:pointer;transition:background .3s ease,transform .1s ease}#settings-btn:hover{background:#fff3}#settings-btn:active{transform:scale(.95)}#glass-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}#glass-texture{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/window_glass_texture.png);background-size:cover;background-position:center;mix-blend-mode:screen;opacity:.2}#rain-streaks{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.5s ease}#debug-panel{position:fixed;top:20px;right:20px;z-index:9999;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px 16px;font-family:DM Sans,monospace;font-size:13px;color:#fff;min-width:180px;pointer-events:all;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}#debug-panel.visible{opacity:1;transform:translateY(0);pointer-events:all}#debug-title{font-weight:700;margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#fff9}#debug-status{font-size:13px;color:#7dffb3;margin-bottom:10px}#debug-buttons{display:flex;gap:6px;flex-wrap:wrap}#debug-buttons button{flex:1;padding:6px 8px;font-size:11px;font-family:inherit;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer;transition:background .15s ease}#debug-buttons button:hover{background:#ffffff2e}.debug-section-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:#ffffff59;text-transform:uppercase;margin-bottom:6px}#debug-time-value{font-size:12px;color:#ffd97d;margin-bottom:6px}#debug-time-slider{width:100%;margin-bottom:8px;accent-color:#ffd97d;cursor:pointer}#debug-time-buttons{display:flex;gap:4px;flex-wrap:wrap}#debug-time-buttons button{flex:1;padding:5px 6px;font-size:10px;font-family:inherit;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer;transition:background .15s ease}#debug-time-buttons button:hover{background:#ffffff2e}