@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body.light-theme{--bg-color:#f1f5f9;--panel-bg:#ffffff8c;--panel-border:#0000000a;--text-primary:#1e293b;--text-secondary:#64748b;--accent:#0284c7;--accent-glow:#0284c726;--title-gradient:linear-gradient(135deg, #0f172a 0%, #475569 100%);--btn-bg:#1e293b;--btn-text:#fff;--btn-secondary:#0000000d}:root{--bg-dark:#09090b;--bg-color:var(--bg-dark);--panel-bg:#18181b66;--panel-border:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#38bdf8;--accent-glow:#38bdf866;--title-gradient:linear-gradient(135deg, #fff 0%, #a1a1aa 100%);--btn-bg:#f8fafc;--btn-text:#09090b;--btn-secondary:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);justify-content:center;min-height:100vh;font-family:Inter,sans-serif;transition:background .8s ease-in-out,background-image .8s ease-in-out,color .3s;display:flex;overflow-x:hidden}@keyframes fadeInOut{0%{opacity:0;transform:translateY(5px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@keyframes fadeInApp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:2s linear infinite spin}.hover-link{transition:color .2s,text-decoration-color .2s}.hover-link:hover{color:#fff!important;text-decoration-color:#fff!important}body.light-theme .hover-link:hover{color:#000!important;text-decoration-color:#000!important}.hover-pill{transition:background .2s,transform .2s}.hover-pill:hover{transform:translateY(-2px);background:#fff3!important}body.light-theme .hover-pill{background:#0000000d!important}body.light-theme .hover-pill:hover{background:#0000001a!important}@media (width<=480px){.hide-on-mobile{display:none!important}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}body.weather-default{background-image:radial-gradient(circle at 15%,#38bdf81a,#0000 25%),radial-gradient(circle at 85% 30%,#a855f71a,#0000 25%)}body.weather-clear{background-image:radial-gradient(circle at 20% 40%,#fdba7426,#0000 40%),radial-gradient(circle at 80% 60%,#fb923c1a,#0000 40%)}body.weather-clouds{background-image:radial-gradient(circle at 30% 30%,#94a3b826,#0000 50%),radial-gradient(circle at 70% 70%,#64748b1a,#0000 50%)}body.weather-rain{background-image:radial-gradient(circle at 40% 10%,#38bdf826,#0000 60%),radial-gradient(circle at 60% 90%,#3b82f626,#0000 60%)}body.weather-snow{background-image:radial-gradient(circle,#f1f5f926,#0000 70%)}body.weather-fog{background-image:radial-gradient(circle,#cbd5e126,#0000 60%)}body.weather-thunder{background-image:radial-gradient(circle at 10% 20%,#a855f726,#0000 40%),radial-gradient(circle at 90% 80%,#ef44441a,#0000 40%)}body.light-theme.weather-default{background-image:radial-gradient(circle at 15%,#38bdf833,#0000 40%),radial-gradient(circle at 85% 30%,#a855f726,#0000 40%)}body.light-theme.weather-clear{background-image:radial-gradient(circle at 20% 40%,#fbbf2466,#0000 50%),radial-gradient(circle at 80% 60%,#fb923c4d,#0000 50%),radial-gradient(circle at 50% 10%,#fffc,#0000 60%)}body.light-theme.weather-clouds{background-image:radial-gradient(circle at 30% 30%,#94a3b866,#0000 60%),radial-gradient(circle at 70% 70%,#cbd5e166,#0000 60%)}body.light-theme.weather-rain{background-image:radial-gradient(circle at 40% 10%,#38bdf866,#0000 70%),radial-gradient(circle at 60% 90%,#bae6fd66,#0000 70%)}body.light-theme.weather-snow{background-image:radial-gradient(circle,#e2e8f080,#0000 80%)}body.light-theme.weather-fog{background-image:radial-gradient(circle,#cbd5e180,#0000 70%)}body.light-theme.weather-thunder{background-image:radial-gradient(circle at 15% 25%,#c084fc66,#0000 50%),radial-gradient(circle at 85% 75%,#94a3b84d,#0000 50%),radial-gradient(circle at 50% 10%,#ffffffb3,#0000 60%)}#root{width:100%;height:100%}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--panel-border);border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}body.light-theme .glass-panel{box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -4px #0000000a}.title{background:var(--title-gradient);-webkit-text-fill-color:transparent;color:#0000;text-align:center;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:2.5rem;font-weight:800}.subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:1rem}.button{background:var(--btn-bg);color:var(--btn-text);cursor:pointer;appearance:none;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;line-height:1.2;transition:all .2s;display:inline-flex}body.light-theme .button{box-shadow:0 4px 6px -1px #0000001a}.button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.input{border:1px solid var(--panel-border);width:100%;color:var(--text-primary);appearance:none;background:#0000004d;border-radius:12px;outline:none;min-height:48px;padding:12px 16px;font-family:inherit;line-height:normal;transition:border-color .2s}select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.input:focus{border-color:var(--accent)}.typing-effect{border-right:.15em solid var(--accent);white-space:pre-wrap;letter-spacing:.05em;animation:3s steps(40,end) typing,.75s step-end infinite blink-caret;overflow:hidden}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--accent)}}.lang-select option{background-color:var(--bg-dark);color:#f8fafc}body.light-theme .lang-select option{color:#1e293b;background-color:#fff}.weather-effects-container{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.raindrop{background:linear-gradient(#fff0,#fff6);width:2px;height:24px;animation:linear infinite fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(105vh)}}.snowflake{filter:blur(1px);background:#fff;border-radius:50%;animation:linear infinite snow-fall;position:absolute;top:-20px}@keyframes snow-fall{0%{transform:translateY(-10vh)translate(0)}50%{transform:translateY(50vh)translate(30px)}to{transform:translateY(105vh)translate(-30px)}}.lightning-flash{opacity:0;pointer-events:none;background:#fff;animation:7s infinite flash;position:absolute;inset:0}@keyframes flash{0%,92%{opacity:0}93%{opacity:.2}94%{opacity:0}96%{opacity:.35}to{opacity:0}}.cloud{background:radial-gradient(circle,#ffffff0d 0%,#fff0 70%);border-radius:50%;animation:linear infinite drift;position:absolute}.cloud-1{width:500px;height:250px;animation-duration:40s;top:-50px;left:-500px}.cloud-2{width:800px;height:300px;animation-duration:55s;top:20%;left:-800px}.cloud-3{width:400px;height:150px;animation-duration:45s;top:50%;left:-400px}@keyframes drift{to{transform:translate(calc(100vw + 800px))}}