@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap);#root,body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-heading:"Space Grotesk","Segoe UI",sans-serif;--font-body:"DM Sans","Segoe UI",sans-serif;--bg-main:#f0f5f6;--bg-soft:#dbeaf0;--surface:#ffffffc7;--surface-strong:#fff;--text-main:#123040;--text-muted:#506779;--line:#12304024;--brand:#007787;--brand-2:#00a7a6;--shadow:0 20px 45px #0d2b381a}:root[data-theme=dark]{--bg-main:#0b1821;--bg-soft:#142734;--surface:#112430c2;--surface-strong:#102331;--text-main:#e2edf3;--text-muted:#a7bfcd;--line:#c4e0ef29;--brand:#4cc9d5;--brand-2:#63f0c5;--shadow:0 25px 50px #00000059}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% -8%,#dbeaf0,#0000 32%),radial-gradient(circle at 88% 10%,color-mix(in srgb,#00a7a6 22%,#0000),#0000 36%),#f0f5f6;background:radial-gradient(circle at 12% -8%,var(--bg-soft),#0000 32%),radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--brand-2) 22%,#0000),#0000 36%),var(--bg-main);color:#123040;color:var(--text-main);font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);margin:0;overflow-x:hidden}.app-shell,body{min-height:100vh}.app-shell{display:flex;flex-direction:column;padding:1.25rem 1rem 1rem}.app-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;background:var(--surface);border:1px solid #12304024;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 45px #0d2b381a;box-shadow:var(--shadow);display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1100px;padding:1.15rem;width:100%}.brand-link{color:inherit;display:flex;flex-direction:column;gap:.1rem;text-decoration:none}.brand-mark{font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:700;letter-spacing:.03em}.brand-subtitle{color:#506779;color:var(--text-muted);font-size:.9rem}.theme-toggle{align-items:center;background:#fff;background:var(--surface-strong);border:1px solid #12304024;border:1px solid var(--line);border-radius:999px;color:#123040;color:var(--text-main);cursor:pointer;display:inline-flex;font-size:.92rem;gap:.45rem;padding:.6rem .95rem;transition:transform .2s ease,border-color .2s ease}.theme-toggle:hover{border-color:color-mix(in srgb,#007787 60%,#12304024);border-color:color-mix(in srgb,var(--brand) 60%,var(--line));transform:translateY(-1px)}.app-main{flex:1 1;margin:2rem auto 1rem}.app-footer,.app-main{max-width:1100px;width:100%}.app-footer{color:#506779;color:var(--text-muted);font-size:.92rem;margin:.5rem auto 0;text-align:center}.home-page{display:grid;min-height:65vh;place-items:center}.hero-card{animation:rise-in .45s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;background:var(--surface);border:1px solid #12304024;border:1px solid var(--line);border-radius:30px;box-shadow:0 20px 45px #0d2b381a;box-shadow:var(--shadow);padding:clamp(1.35rem,3.4vw,2.5rem);width:min(760px,100%)}.eyebrow{border:1px solid #12304024;border:1px solid var(--line);border-radius:999px;color:#007787;color:var(--brand);display:inline-flex;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin:0;padding:.32rem .72rem;text-transform:uppercase}.hero-card h1{font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:clamp(1.75rem,5vw,2.9rem);line-height:1.08;margin:1rem 0 0}.hero-copy{color:#506779;color:var(--text-muted);font-size:clamp(1rem,2.5vw,1.14rem);margin:.9rem 0 0}.search-section{margin-top:1.4rem}.search-wrapper{position:relative}.search-input-box{align-items:center;background:#fff;background:var(--surface-strong);border:1px solid #12304024;border:1px solid var(--line);border-radius:16px;display:flex;gap:.6rem;padding:.65rem .95rem}.search-icon{color:#506779;color:var(--text-muted)}.search-input-box input{background:#0000;border:0;color:inherit;font-family:inherit;font-size:16px;outline:none;width:100%}.search-input-box input::placeholder{color:color-mix(in srgb,#506779 85%,#0000);color:color-mix(in srgb,var(--text-muted) 85%,#0000)}.suggestions-list{background:#fff;background:var(--surface-strong);border:1px solid #12304024;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 20px #0000001f;left:0;list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:.35rem;position:absolute;right:0;top:calc(100% + 10px);z-index:8}.suggestion-item{background:#0000;border:0;border-radius:10px;color:#123040;color:var(--text-main);cursor:pointer;font-family:inherit;font-size:.95rem;padding:.6rem .72rem;text-align:left;width:100%}.suggestion-item:hover{background:color-mix(in srgb,#007787 13%,#0000);background:color-mix(in srgb,var(--brand) 13%,#0000)}.hero-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.hero-chips span{border:1px dashed #12304024;border:1px dashed var(--line);border-radius:999px;color:#506779;color:var(--text-muted);font-size:.84rem;padding:.3rem .7rem}.detail-page{grid-gap:1.2rem;display:grid;gap:1.2rem}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.small-search{width:min(450px,100%)}.back-btn{align-items:center;background:#ffffffc7;background:var(--surface);border:1px solid #12304024;border:1px solid var(--line);border-radius:999px;color:#123040;color:var(--text-main);display:inline-flex;gap:.5rem;padding:.52rem .9rem;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.back-btn:hover{border-color:#007787;border-color:var(--brand);transform:translateY(-1px)}.main-weather-card{grid-gap:1rem;align-items:center;animation:rise-in .42s ease-out;background:#ffffffc7;background:var(--surface);border:1px solid #12304024;border:1px solid var(--line);border-radius:28px;box-shadow:0 20px 45px #0d2b381a;box-shadow:var(--shadow);display:grid;gap:1rem;grid-template-columns:1.1fr .9fr;padding:clamp(1rem,3.2vw,2rem)}.weather-info .label{color:#007787;color:var(--brand);font-size:.78rem;font-weight:700;letter-spacing:.06em;margin:0;text-transform:uppercase}.weather-info h2{font-size:clamp(1.2rem,2.8vw,1.7rem);margin:.6rem 0 0}.weather-info h1{font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:clamp(2.5rem,8vw,4.2rem);line-height:1;margin:.2rem 0}.weather-info h1 span{font-size:.5em;vertical-align:text-top}.description{color:#506779;color:var(--text-muted);margin:0;text-transform:capitalize}.weather-icon-large{justify-self:center}.weather-icon-large img{height:auto;width:clamp(120px,30vw,190px)}.weather-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.stat{align-items:center;background:#fff;background:var(--surface-strong);border:1px solid #12304024;border:1px solid var(--line);border-radius:16px;display:flex;gap:.65rem;padding:.7rem .85rem}.stat p{color:#506779;color:var(--text-muted);font-size:.82rem;margin:0}.stat span{font-size:.95rem;font-weight:700}.forecast-container{background:#ffffffc7;background:var(--surface);border:1px solid #12304024;border:1px solid var(--line);border-radius:28px;box-shadow:0 20px 45px #0d2b381a;box-shadow:var(--shadow);padding:clamp(1rem,3vw,1.7rem)}.forecast-container h3{font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-heading);margin-bottom:1rem;margin-top:0}.forecast-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(5,minmax(130px,1fr));overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.forecast-card{background:#fff;background:var(--surface-strong);border:1px solid #12304024;border:1px solid var(--line);border-radius:18px;min-width:130px;padding:.8rem;text-align:center}.forecast-date{font-size:.86rem;font-weight:700;margin:0}.forecast-temp{font-family:Space Grotesk,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:1.18rem;margin:0}.forecast-desc{color:#506779;color:var(--text-muted);font-size:.83rem;margin:.35rem 0 0;text-transform:capitalize}.error-container,.error-page,.loader{background:#ffffffc7;background:var(--surface);border:1px solid #12304024;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 45px #0d2b381a;box-shadow:var(--shadow);margin:2.2rem auto;padding:1.2rem;text-align:center;width:min(680px,100%)}.error-container h2{margin-top:0}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.main-weather-card{text-align:center}.main-weather-card,.weather-stats{grid-template-columns:1fr}.stat{justify-content:center}}@media (max-width:680px){.app-shell{padding:.75rem .65rem calc(.8rem + env(safe-area-inset-bottom))}.app-header{border-radius:18px;padding:.9rem}.brand-subtitle{display:none}.theme-toggle{margin-left:auto;min-height:40px;padding:.52rem .8rem}.app-main{margin-top:1rem}.app-footer{font-size:.82rem;margin-top:.2rem}.home-page{min-height:auto}.hero-card{border-radius:22px;padding:1.1rem}.hero-card h1{font-size:clamp(1.5rem,8vw,2rem)}.hero-copy{font-size:.96rem;line-height:1.45}.search-input-box{min-height:48px;padding:.62rem .78rem}.suggestion-item{align-items:center;display:inline-flex;min-height:42px}.header-actions{align-items:stretch;flex-direction:column;gap:.7rem}.small-search{width:100%}.back-btn{max-width:100%;width:fit-content}.main-weather-card{border-radius:22px;gap:.7rem;padding:1rem}.weather-info h2{line-height:1.2}.weather-info h1{font-size:clamp(2.2rem,13vw,3.1rem)}.weather-icon-large img{width:clamp(105px,34vw,160px)}.stat{justify-content:flex-start;text-align:left}.forecast-container{border-radius:22px;padding:1rem}.forecast-grid{gap:.62rem;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible}.forecast-card{min-width:0;padding:.72rem}.error-container,.error-page,.loader{border-radius:16px;margin:1.2rem auto;padding:1rem}}@media (max-width:420px){.app-shell{padding-inline:.5rem}.app-header{gap:.5rem;padding:.72rem}.brand-mark{font-size:1.1rem}.theme-toggle{font-size:.82rem;padding:.46rem .68rem}.hero-card{padding:.95rem}.hero-chips{gap:.35rem}.hero-chips span{font-size:.75rem}.forecast-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.10238d76.css.map*/