*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}html{height:100%;font-size:18px}body{color:#fff;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#1a1a2e;min-height:100dvh;font-family:SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body.night-theme{color:#dfe6e9}body.light-bg{color:#2d3436}#root{min-height:100dvh}.loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100dvh;font-size:1.4rem;display:flex}.loading:before{content:"🌤️";font-size:4rem;animation:1.2s infinite bounce}.setup-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:2rem;display:flex}.setup-screen h1{background:linear-gradient(135deg,#fff,#f0e6ff);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin-bottom:.3rem;font-size:2.6rem;font-weight:800}.night-theme .setup-screen h1{background:linear-gradient(135deg,#ffeaa7,#fab1a0);-webkit-background-clip:text;background-clip:text}.setup-subtitle{opacity:.85;color:#fffc;margin-bottom:2rem;font-size:1.1rem}.setup-form,.settings-form{-webkit-backdrop-filter:blur(20px);background:#fff3;border:1px solid #ffffff4d;border-radius:24px;flex-direction:column;gap:.6rem;width:100%;max-width:420px;padding:2rem;display:flex;box-shadow:0 8px 32px #0000001a}.setup-form label,.settings-form label{color:#ffffffe6;margin-top:.4rem;font-size:.95rem;font-weight:600}.night-theme .setup-form label,.night-theme .settings-form label{color:#fffc}.setup-form input,.settings-form input{color:#2d3436;background:#ffffff40;border:2px solid #ffffff4d;border-radius:14px;min-height:44px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,background .2s}.night-theme .setup-form input,.night-theme .settings-form input{color:#dfe6e9;background:#ffffff1a;border-color:#ffffff26}.setup-form input:focus,.settings-form input:focus{background:#ffffff59;border-color:#ffffffb3;outline:none}.setup-form input::placeholder,.settings-form input::placeholder{color:#0000004d}.setup-form button,.settings-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:16px;min-height:48px;margin-top:1rem;padding:.85rem 1.5rem;font-size:1.15rem;font-weight:700;transition:transform .1s,box-shadow .2s;box-shadow:0 4px 15px #6c5ce766}.setup-form button:hover,.settings-form button:hover{box-shadow:0 6px 20px #6c5ce780}.setup-form button:active,.settings-form button:active{transform:scale(.97)}.setup-form button:disabled,.settings-form button:disabled{opacity:.6;cursor:not-allowed}.helper-text{color:#ffffffb3;font-size:.85rem}.helper-text a{color:#ffffffe6;text-decoration:underline}.form-error{color:#fff;background:#d6303133;border:1px solid #d6303166;border-radius:12px;padding:.7rem 1rem;font-size:.95rem}.form-success{color:#fff;background:#00ce6d33;border:1px solid #00ce6d66;border-radius:12px;padding:.7rem 1rem;font-size:.95rem}.weather-screen{flex-direction:column;min-height:100dvh;padding:1.5rem 2rem 3rem;display:flex;position:relative}.weather-screen-loading{justify-content:center;align-items:center;gap:1rem}.weather-screen-loading:after{content:"🌈 Checking the sky...";font-size:1.4rem;animation:2s infinite fadeInOut}.weather-screen-stale-notice{text-align:center;color:#ffffffb3;background:#ffffff26;border-radius:12px;max-width:300px;margin:0 auto;padding:.5rem 1rem;font-size:.85rem}.weather-error-container{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.weather-error-icon{font-size:5rem;animation:2s infinite wiggle}.weather-error-title{color:#ffffffe6;font-size:1.8rem;font-weight:700}.night-theme .weather-error-title{color:#ffffffd9}.weather-error-message{color:#ffffffb3;max-width:400px;font-size:1.15rem;line-height:1.5}.weather-error-hint{color:#ffffff80;background:#ffffff1a;border-radius:12px;margin-top:.5rem;padding:.6rem 1.2rem;font-size:.9rem}.greeting{text-align:center;letter-spacing:-.02em;color:#fffffff2;text-shadow:0 2px 10px #0000001a;padding:.8rem 0 .5rem;font-size:2.6rem;font-weight:800}.night-theme .greeting{color:#ffffffe6}@media (width<=600px){.greeting{font-size:2rem}}.weather-content{flex-direction:column;flex:1;align-items:center;gap:1.2rem;width:100%;display:flex}.current-weather{text-align:center;flex-direction:column;align-items:center;padding:.5rem 0;display:flex}.current-weather-icon{filter:drop-shadow(0 6px 20px #00000026);margin-bottom:.2rem;font-size:7rem;line-height:1.1;animation:3s ease-in-out infinite float}.weather-icon-large{font-size:7rem;line-height:1.1}.current-weather-temp{letter-spacing:-.04em;color:#fffffff2;text-shadow:0 2px 15px #0000001a;font-size:5.5rem;font-weight:800;line-height:1}.current-weather-description{text-transform:capitalize;color:#fffc;margin-top:.2rem;font-size:1.4rem;font-weight:500}.current-weather-feels-like{color:#fff9;margin-top:.15rem;font-size:1.05rem}.current-weather-range{gap:1.2rem;margin-top:.3rem;font-size:1.15rem;font-weight:600;display:flex}.current-weather-high{color:#ffffffd9}.current-weather-low{color:#ffffff8c}.forecast-days{flex-direction:column;gap:.8rem;width:100%;max-width:900px;margin:0 auto;display:flex}.forecast-day{width:100%}.forecast-day-header{justify-content:space-between;align-items:center;margin-bottom:.3rem;padding:.3rem .5rem;display:flex}.forecast-day-label{color:#ffffffe6;font-size:1.1rem;font-weight:700}.forecast-day-range{gap:.6rem;font-size:.95rem;font-weight:600;display:flex}.forecast-day-high{color:#ffffffd9}.forecast-day-low{color:#ffffff80}.forecast-day-tomorrow{animation:.3s slideUp}.tomorrow-btn{-webkit-backdrop-filter:blur(8px);color:#ffffffe6;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:16px;min-height:44px;margin:.8rem auto 0;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,transform .1s;display:block}.tomorrow-btn:active{background:#ffffff40;transform:scale(.97)}.night-theme .tomorrow-btn{background:#ffffff14;border-color:#ffffff26}.tomorrow-summary{justify-content:center;align-items:baseline;gap:.4rem;padding:.5rem 0;display:flex}.tomorrow-high{color:#fffffff2;font-size:3.5rem;font-weight:800}.tomorrow-sep{color:#fff6;font-size:2rem;font-weight:300}.tomorrow-low{color:#ffffff8c;font-size:2.5rem;font-weight:600}.hourly-forecast{width:100%;max-width:900px;margin:0 auto;padding:.5rem 0;overflow:hidden}.hourly-forecast-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.7rem;padding:.5rem .2rem;display:flex;overflow-x:auto}.hourly-forecast-scroll::-webkit-scrollbar{display:none}.hourly-forecast-item{-webkit-backdrop-filter:blur(12px);scroll-snap-align:start;background:#fff3;border:1px solid #ffffff40;border-radius:18px;flex-direction:column;flex-shrink:0;align-items:center;gap:.35rem;min-width:76px;padding:.8rem .6rem;transition:transform .2s;display:flex}.hourly-forecast-item:active{transform:scale(.95)}.night-theme .hourly-forecast-item{background:#ffffff14;border-color:#ffffff1a}.hourly-forecast-time{color:#ffffffb3;font-size:.8rem;font-weight:700}.hourly-forecast-icon{font-size:1.9rem}.hourly-forecast-temp{color:#ffffffe6;font-size:1.1rem;font-weight:700}.clothing-suggestion{-webkit-backdrop-filter:blur(16px);background:#ffffff38;border:1px solid #ffffff4d;border-radius:24px;width:100%;max-width:700px;margin:0 auto;padding:1.2rem 1.8rem;box-shadow:0 4px 20px #00000014}.night-theme .clothing-suggestion{background:#ffffff14;border-color:#ffffff1a}.clothing-suggestion-title{text-align:center;color:#fffffff2;margin-bottom:.6rem;font-size:1.6rem;font-weight:800}.clothing-suggestion-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.clothing-suggestion-item{text-align:center;color:#ffffffe6;padding:.5rem 0;font-size:1.35rem;font-weight:600}.last-updated{color:#ffffff4d;pointer-events:none;font-size:.7rem;position:fixed;bottom:.8rem;left:1rem}.kiosk-lock-btn{opacity:.2;cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem;font-size:1rem;transition:opacity .2s;display:flex;position:fixed;bottom:.6rem;right:.8rem}.kiosk-lock-btn:active{opacity:.5}.kiosk-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:100;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.kiosk-modal{color:#2d3436;background:#fffffff2;border-radius:24px;width:90%;max-width:360px;padding:2rem 2rem 1.8rem;animation:.25s slideUp;position:relative;box-shadow:0 20px 60px #0000004d}.night-theme .kiosk-modal{color:#dfe6e9;background:#1e2749f2}.kiosk-modal-close{cursor:pointer;color:inherit;opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.8rem;display:flex;position:absolute;top:.8rem;right:1rem}.kiosk-modal form{flex-direction:column;gap:.6rem;display:flex}.kiosk-modal label{font-size:.95rem;font-weight:600}.kiosk-modal input{color:inherit;background:#0000000a;border:2px solid #0000001a;border-radius:14px;min-height:44px;padding:.75rem 1rem;font-size:1rem}.night-theme .kiosk-modal input{background:#ffffff14;border-color:#ffffff26}.kiosk-modal input:focus{border-color:#6c5ce7;outline:none}.kiosk-modal button[type=submit],.kiosk-modal-actions button,.kiosk-modal-exit-info button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:16px;min-height:48px;padding:.8rem 1.2rem;font-size:1.05rem;font-weight:700;transition:transform .1s;box-shadow:0 4px 12px #6c5ce74d}.kiosk-modal button[type=submit]:active,.kiosk-modal-actions button:active,.kiosk-modal-exit-info button:active{transform:scale(.97)}.kiosk-modal-actions{flex-direction:column;gap:.8rem;display:flex}.kiosk-modal-exit-info{flex-direction:column;gap:1rem;display:flex}.kiosk-modal-exit-info p{opacity:.85;font-size:1.05rem;line-height:1.5}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.kiosk-modal-shake{animation:.45s shake}.settings-overlay{-webkit-backdrop-filter:blur(10px);z-index:90;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.settings-panel{color:#2d3436;background:#fffffff2;border-radius:24px;width:90%;max-width:440px;max-height:90vh;padding:2rem;animation:.25s slideUp;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.night-theme .settings-panel{color:#dfe6e9;background:#1e2749f2}.settings-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.settings-header h2{font-size:1.6rem;font-weight:700}.close-button{cursor:pointer;color:inherit;opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.8rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@media (width<=480px){html{font-size:15px}.weather-screen{gap:0;padding:.8rem .8rem 3.5rem}.greeting{padding:.5rem 0 .3rem;font-size:1.7rem}.current-weather-icon{font-size:4.5rem}.current-weather-temp{font-size:3.5rem}.current-weather-description{font-size:1.1rem}.current-weather-range{font-size:1rem}.hourly-forecast-item{min-width:64px;padding:.6rem .4rem}.hourly-forecast-icon{font-size:1.5rem}.clothing-suggestion{border-radius:18px;padding:.8rem 1rem}.clothing-suggestion-title{font-size:1.25rem}.clothing-suggestion-item{font-size:1.1rem}.weather-content{gap:.8rem}.setup-form,.settings-form{padding:1.5rem}.setup-screen h1{font-size:2rem}}@media (height<=500px) and (orientation:landscape){html{font-size:14px}.weather-screen{flex-direction:column;padding:.5rem 1.5rem 2.5rem}.greeting{padding:.3rem 0;font-size:1.5rem}.weather-content{flex-direction:column;align-items:center;gap:.8rem}.current-weather-icon{font-size:3.5rem}.current-weather-temp{font-size:3rem}.hourly-forecast-item{border-radius:12px;min-width:58px;padding:.4rem .3rem}.clothing-suggestion{padding:.6rem 1rem}.clothing-suggestion-title{margin-bottom:.3rem;font-size:1.1rem}.clothing-suggestion-item{padding:.2rem 0;font-size:1rem}.weather-error-icon{font-size:3rem}.weather-error-title{font-size:1.3rem}}@media (width>=600px) and (width<=1024px) and (orientation:portrait){.weather-screen{padding:1.5rem 2rem 3rem}.greeting{font-size:2.8rem}.current-weather-icon{font-size:7rem}.current-weather-temp{font-size:5.5rem}.clothing-suggestion-item{font-size:1.4rem}}@media (width>=768px) and (orientation:landscape){.weather-screen{padding:1rem 3rem 2.5rem}.weather-content{flex-direction:column;align-items:center;gap:1.5rem}.greeting{padding:.5rem 0 .3rem;font-size:2.6rem}.current-weather-icon{font-size:6rem}.current-weather-temp{font-size:4.5rem}}@media (width>=1024px) and (orientation:landscape){.weather-content{gap:2rem;max-width:1100px;margin:0 auto}.greeting{font-size:3rem}.current-weather-icon{font-size:7rem}.current-weather-temp{font-size:5.5rem}.clothing-suggestion-item{font-size:1.4rem}}.weather-particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.weather-screen,.setup-screen{z-index:1;position:relative}.particle-rain{background:linear-gradient(#0000,#fff6);border-radius:2px;width:2px;height:18px;animation:linear infinite rainFall;position:absolute;top:-20px}@keyframes rainFall{0%{transform:translateY(-20px)}to{transform:translateY(105vh)}}.particle-snow{color:#fff9;animation:linear infinite snowFall;position:absolute;top:-30px}@keyframes snowFall{0%{transform:translateY(-30px)rotate(0)}to{transform:translateY(105vh)rotate(360deg)}}.particle-star{background:#fff;border-radius:50%;animation:ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.9}}.sun-container{width:200px;height:200px;position:absolute;top:-60px;right:-60px}.sun-glow{background:radial-gradient(circle,#ffdc644d 0%,#0000 70%);border-radius:50%;width:100%;height:100%;animation:4s ease-in-out infinite sunPulse}@keyframes sunPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.45;transform:scale(1.15)}}.particle-cloud{animation:linear infinite cloudDrift;position:absolute;left:-15%}@keyframes cloudDrift{0%{transform:translate(-15vw)}to{transform:translate(115vw)}}.current-weather-precip{color:#ffffffa6;margin-top:.2rem;font-size:1rem}.hourly-forecast-pop{color:#ffffff80;font-size:.7rem}.weather-scene-canvas{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.forecast-day-pop{color:#fff9;font-size:.9rem}