:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 600px at 50% -100px,#eef2ff,#f7f9fc 60% 100%);color:#0f172a}.app{min-height:100vh;width:100%;padding:24px 16px 48px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.app>*{width:100%;max-width:960px;margin-left:auto;margin-right:auto}#forecast-title{font-size:clamp(2rem,3vw + 1rem,3rem);font-weight:900;text-transform:uppercase;color:#f3540a;text-shadow:0 0 8px #00f7ff,0 0 20px #00f7ff,0 0 40px #00f7ff;letter-spacing:2px;margin:8px 0 0}#location-heading{font-size:1.25rem;font-weight:800;color:#18040f;text-shadow:0 0 5px #181451,0 0 10px #696d90;margin:0 0 8px}.map-container{margin:8px auto 0;padding:18px;border-radius:28px;background:linear-gradient(145deg,#1f1c2c,#928dab);box-shadow:0 20px 40px #1f1c2c59,0 0 60px #0ff3,0 0 120px #ff00ff1a,inset 0 0 20px #ffffff0f;border:2px solid rgba(255,255,255,.15)}#map{height:420px;width:100%;border-radius:20px;filter:grayscale(30%) contrast(1.2) brightness(1.1);box-shadow:0 0 30px #00000059;transition:transform .3s ease;background:#e8eef6}#map:hover{transform:scale(1.01)}.app form.container{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:12px auto 4px}input[type=number]{width:220px;max-width:44vw;text-align:center;margin:6px 0;padding:10px 14px;border-radius:80px;border:2px solid #48dbfb;outline:none;font-size:1rem;background:#fff;box-shadow:0 6px 18px #0000000f}input[type=number]:focus{box-shadow:0 0 10px #48dbfb73}.app form.container label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.submitButton,button{padding:14px 28px;font-size:.95rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;border:none;border-radius:999px;background:linear-gradient(135deg,#48dbfb,#ff6b6b);color:#fff;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 24px #48dbfb59,0 8px 32px #ff6b6b40;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.submitButton:hover,button:hover{transform:translateY(-2px) scale(1.02);background:linear-gradient(135deg,#ff9f43,#ee5253);box-shadow:0 14px 36px #ff9f4359,0 14px 40px #ee525359}.submitButton:active:before,button:active:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.35),transparent 55%);transform:scale(.9)}.success-msg{margin:16px auto 0;font-weight:900;font-size:1.25rem;background-color:#2ecc71;color:#fff;padding:16px 22px;border-radius:60px;width:100%;max-width:900px;box-shadow:0 10px 24px #2ecc7159;animation:fadeIn .9s ease-in;text-align:center}.error{width:100%;max-width:900px;margin:8px auto 0;text-align:center}.forecast-block{width:100%;max-width:900px;margin:12px auto 40px;text-align:center}.meta{font-style:italic;margin-bottom:10px;font-size:1rem;color:#0baa1b}hr.divider{height:2px;border:0;background:linear-gradient(to right,#ff9ff3,#48dbfb);width:100%;margin:18px 0}.forecast-block h3,.forecast-block ul>li{max-width:760px;margin:0 auto 15px;text-align:left;padding:15px;background:#ffffffbf;border-left:5px solid #48dbfb;border-radius:12px;line-height:1.6;box-shadow:0 0 10px #48dbfb40}.noData{font-family:Comic Sans MS,Chalkboard SE,Patrick Hand,cursive;font-size:2.2rem;color:#ff4d4d;text-align:center;margin:60px auto 20px;padding:24px;animation:bounceIn .9s ease;text-shadow:2px 2px 8px rgba(0,0,0,.35),0 0 20px rgba(255,100,100,.45);background:radial-gradient(circle,#fff2f2,#ffe0e0);border:8px dashed #da0505;border-radius:600px;width:100%;max-width:900px}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:1}70%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width: 520px){input[type=number],.submitButton,button{width:100%}}.app{padding-left:clamp(0px,25vw,320px);padding-right:clamp(0px,6vw,96px)}@media (max-width: 900px){.app{padding-left:5vw;padding-right:5vw}}:root{--app-max: 960px;--bg: #f7f9fc;--text: #0f172a;--panel: rgba(255,255,255,.75);--panel-border: rgba(0,0,0,.06);--brand1: #48dbfb;--brand2: #ff6b6b;--accent: #ff9f43;--success: #2ecc71;--shadow-lg: 0 12px 30px rgba(0,0,0,.12)}#map{height:clamp(320px,52vh,520px);width:100%;border-radius:20px}.app>*{max-width:var(--app-max);margin-inline:auto}.controls{position:sticky;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:100;background:var(--panel);-webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px);border:1px solid var(--panel-border);border-radius:999px;padding:10px 14px;box-shadow:var(--shadow-lg)}input[type=number]:focus-visible,button:focus-visible{outline:3px solid var(--brand1);outline-offset:2px}button:disabled,.submitButton:disabled{opacity:.6;filter:saturate(.6);cursor:not-allowed;transform:none;box-shadow:none}.forecast-block h3,.forecast-block ul>li{background:var(--panel);border-left:5px solid var(--brand1);box-shadow:0 6px 16px #0000001a}.success-msg,.error{width:100%;max-width:820px;margin-inline:auto}*::-webkit-scrollbar{height:10px;width:10px}*::-webkit-scrollbar-thumb{border-radius:10px;background:#0000002e}*::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (prefers-color-scheme: dark){:root{--bg: #0b1020;--text: #e8eef6;--panel: rgba(17,25,40,.7);--panel-border: rgba(255,255,255,.12);--brand1: #4cc9f0;--brand2: #ff6b6b;--accent: #ffd166;--success: #2ecc71;--shadow-lg: 0 12px 30px rgba(0,0,0,.5)}body{background:radial-gradient(1200px 600px at 50% -100px,#0f1630,#0b1020 60% 100%);color:var(--text)}.map-container{background:linear-gradient(145deg,#12192d,#1d2340);border-color:var(--panel-border);box-shadow:0 20px 40px #00000073,0 0 60px #4cc9f01f,inset 0 0 20px #ffffff0a}.divider{background:linear-gradient(to right,#a78bfa,var(--brand1))}.meta{color:#8be58b}.success-msg{background-color:#1e8f54}input[type=number]{background:#ffffff0f;color:var(--text);border-color:var(--brand1)}}.controls,.app form.container{position:sticky;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:100;background:var(--panel);-webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px);border:1px solid var(--panel-border);border-radius:999px;padding:10px 14px;box-shadow:var(--shadow-lg)}.error{--err-bg: #fff6f6;--err-accent: #ff6b6b;margin:18px auto 0;padding:18px 22px 18px 64px;width:100%;max-width:900px;font-family:"Baloo 2",Comic Sans MS,Chalkboard SE,system-ui,sans-serif;font-size:clamp(1.35rem,3.6vw,2.6rem);line-height:1.35;color:#1a0b0b;border-radius:60px;border:4px solid var(--err-accent);position:relative;animation:error-bounce-in .68s cubic-bezier(.2,.8,.2,1) both}.error:before{content:"";position:absolute;inset:-10px;border-radius:34px;pointer-events:none;transform:rotate(-.8deg)}.error:after{content:"⚠️";position:absolute;left:16px;top:50%;translate:0 -50%;font-size:1.6em}.error--validation{--err-bg: #fff9ed;--err-accent: #ff9f43}.error--validation:after{content:"😢 "}.error--geolocation,.error--permission,.error--timeout{--err-bg: #eef6ff;--err-accent: #48dbfb}.error--geolocation:after{content:"🌏"}.error--permission:after{content:"🔒"}.error--timeout:after{content:"⏳"}.error--network{--err-bg: #fff0f0;--err-accent: #e74c3c}.error--network:after{content:"😟"}@keyframes error-bounce-in{0%{opacity:0;transform:translateY(-20px) scale(.92) rotate(-1deg)}55%{opacity:1;transform:translateY(4px) scale(1.02) rotate(.4deg)}80%{transform:translateY(-2px) scale(.998) rotate(-.2deg)}to{transform:translateY(0) scale(1) rotate(0)}}.error:hover{animation:error-bounce-in .48s cubic-bezier(.2,.8,.2,1)}