:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;--bg-color: #f8fafc;--card-bg: #ffffff;--text-color: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--primary-color: #2563eb;--primary-hover: #1d4ed8;--accent-color: #0f172a;--border-color: #e2e8f0;--border-radius: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .05), 0 4px 6px -4px rgb(0 0 0 / .05);--font-size-base: 17px;--font-size-sm: 15px;--font-size-xs: 13px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-weight:700;line-height:1.2;margin-top:0}h1{font-size:2.5rem;letter-spacing:-.02em;color:var(--text-color);margin-bottom:.5rem}p{color:var(--text-secondary);margin-bottom:1rem}button{border-radius:var(--border-radius);border:1px solid var(--border-color);padding:.75rem 1.5rem;font-size:var(--font-size-sm);font-weight:500;font-family:inherit;background-color:var(--card-bg);cursor:pointer;transition:all .2s ease;color:var(--text-color);box-shadow:var(--shadow-sm)}button:hover:not(:disabled){background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background-color:var(--primary-color);color:#fff;border-color:transparent}button.primary:hover:not(:disabled){background-color:var(--primary-hover)}input,select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);color:var(--text-color);background-color:var(--card-bg);transition:all .2s ease;outline:none}input:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}input::placeholder{color:var(--text-muted)}.card{background:var(--card-bg);border-radius:var(--border-radius);border:1px solid var(--border-color);padding:1.5rem;box-shadow:var(--shadow-sm)}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.weather-container{display:flex;flex-direction:column;gap:2rem;width:100%}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--grid-gap: 8px;--grid-row-height: minmax(120px, auto)}.full-day{display:inline}.short-day{display:none}@media(max-width:768px){:root{--grid-gap: 2px;--grid-row-height: auto}h1{font-size:1.4rem!important;margin:.3rem 0!important}header p{display:none}.weather-container{gap:.5rem!important;width:100%!important;max-width:100vw!important}.card{padding:.4rem!important;margin-bottom:1rem;width:100%!important;border-radius:8px!important}.large-calendar-container{padding:0!important;width:100%!important}.full-day{display:none}.short-day{display:inline}.weekday-label{font-size:.65rem!important}.day-card{padding:3px 1px!important;border-radius:4px!important;min-height:55px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}.day-card-header{flex-direction:column!important;gap:0!important;margin-bottom:2px}.day-number{font-size:.7rem!important;line-height:1!important}.weather-icon{font-size:1rem!important;margin:1px 0}.day-card-body{margin-top:0!important;width:100%}.temp-wrapper{flex-direction:column!important;align-items:center!important;gap:0!important;font-size:.65rem!important}.temp-wrapper span{line-height:1.1!important}.wind-detail{display:none}.day-details{display:none!important}.tabs button{padding:4px 6px!important;font-size:.75rem!important}.chart-container{padding:.5rem 2px!important;margin-top:1rem!important;border-radius:6px!important;width:100%!important}.weather-container{padding:.2rem!important}}.chart-container{width:100%}.month-tabs{justify-content:center}@media(min-width:480px)and (max-width:768px){.day-details{display:flex!important;font-size:.6rem!important}}