:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f5f7ff;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:#79b7ff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}input,select{font-size:16px}.app-shell{min-height:100vh;position:relative;overflow-x:hidden}.page-shell{position:relative;z-index:1;width:min(1360px,calc(100% - 2rem));margin:0 auto;padding:0 0 2rem}.sky-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.sky-orb,.cloud,.rain,.star{position:absolute}.sky-orb{width:170px;height:170px;top:72px;right:10%;border-radius:50%;background:radial-gradient(circle,rgba(255,252,204,.98),rgba(255,207,92,.8) 55%,transparent 70%);box-shadow:0 0 60px #ffdc7f66}.cloud{background:#ffffffa8;border-radius:999px;filter:blur(1px)}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:inherit}.cloud--one{width:180px;height:54px;top:110px;left:8%}.cloud--one:before{width:64px;height:64px;left:22px;top:-26px}.cloud--one:after{width:86px;height:86px;right:24px;top:-38px}.cloud--two{width:220px;height:60px;top:170px;right:24%;opacity:.74}.cloud--two:before{width:72px;height:72px;left:30px;top:-24px}.cloud--two:after{width:98px;height:98px;right:20px;top:-44px}.cloud--three{width:160px;height:48px;bottom:18%;left:18%;opacity:.55}.cloud--three:before{width:58px;height:58px;left:24px;top:-22px}.cloud--three:after{width:78px;height:78px;right:20px;top:-34px}.rain{width:170px;height:280px;top:130px;background:repeating-linear-gradient(110deg,rgba(157,214,255,.72) 0 2px,transparent 2px 16px);opacity:0}.rain--left{left:10%}.rain--right{right:20%}.star{width:4px;height:4px;border-radius:50%;background:#f8fbff;box-shadow:0 0 16px #f8fbffcc;opacity:0}.star--one{top:110px;left:12%}.star--two{top:150px;right:28%}.star--three{top:230px;right:16%}.theme-status{margin:.45rem 0 0;color:#dce8ff}.theme-morning{background:radial-gradient(circle at top left,rgba(255,219,147,.52),transparent 32%),linear-gradient(180deg,#8cc8ff,#b4dcff 40%,#eef7ff)}.theme-day{background:radial-gradient(circle at top right,rgba(255,240,165,.46),transparent 25%),linear-gradient(180deg,#5ea9ff,#8dc6ff 42%,#e7f4ff)}.theme-cloudy{background:radial-gradient(circle at top left,rgba(240,246,255,.18),transparent 24%),linear-gradient(180deg,#7994b8,#9dafc7 45%,#dce5ef)}.theme-rainy{background:radial-gradient(circle at top,rgba(191,225,255,.12),transparent 28%),linear-gradient(180deg,#44566e,#60748b 45%,#95a7b9)}.theme-night{background:radial-gradient(circle at top right,rgba(150,183,255,.18),transparent 20%),linear-gradient(180deg,#06111f,#13253e 46%,#1d3557)}.theme-night .sky-orb{background:radial-gradient(circle,rgba(245,245,255,.95),rgba(194,205,255,.82) 55%,transparent 72%);box-shadow:0 0 48px #bec8ff47}.theme-night .cloud{background:#adbede3d}.theme-night .star{opacity:1}.theme-rainy .rain{opacity:.85}.theme-rainy .cloud,.theme-cloudy .cloud{background:#ecf3ff8f}.theme-rainy .sky-orb,.theme-cloudy .sky-orb{opacity:.45}.navbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1.4fr 1fr auto;gap:1rem;align-items:center;width:min(1360px,calc(100% - 2rem));margin:1rem auto 1.25rem;padding:1rem 1.25rem;border:1px solid rgba(219,231,255,.08);border-radius:24px;background:#060e1ab8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px #00000047;max-width:calc(100% - 2rem)}.navbar h1{margin:.2rem 0 0;font-size:clamp(1.3rem,2vw,2rem)}.eyebrow{margin:0;color:#f9a826;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem}.nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem}.nav-link,.toggle-button,.field input,.field select{border:1px solid rgba(219,231,255,.12);border-radius:999px;background:#ffffff0a;color:#f5f7ff;transition:.2s ease}.nav-link{padding:.75rem 1rem}.nav-link:hover,.toggle-button:hover,.field input:hover,.field select:hover,.field input:focus,.field select:focus{border-color:#7dd3fc8c}.nav-link.active,.toggle-button.active{background:linear-gradient(135deg,#f9a826f2,#0ea5e9eb);color:#081120;border-color:transparent;font-weight:700}.toggle-group{display:inline-flex;padding:.35rem;border-radius:999px;background:#ffffff0d}.toggle-button{padding:.65rem 1rem;cursor:pointer}.page-grid{display:grid;gap:1.25rem}.hero-panel,.chart-card,.weather-card,.inline-error{border:1px solid rgba(219,231,255,.08);border-radius:28px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#070e19c7;box-shadow:0 20px 60px #0000002e;overflow:hidden}.hero-panel{display:grid;grid-template-columns:1.35fr 1fr;gap:1rem;padding:1.5rem}.hero-panel h2{margin:.35rem 0 .75rem;font-size:clamp(1.5rem,2.8vw,2.4rem)}.hero-panel__text,.chart-card__header p,.weather-card__helper{margin:0;color:#9db0d3}.hero-panel__controls{display:grid;gap:1rem;align-content:start}.hero-panel__controls--double{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel__meta{display:flex;flex-wrap:wrap;gap:.75rem;color:#9db0d3}.field{display:grid;gap:.45rem}.field span{color:#dbe7ff;font-size:.95rem}.field-hint{color:#b8c8e6;font-size:.84rem}.field input,.field select{width:100%;padding:.9rem 1rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field select option{color:#081120;background:#f5f7ff}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.weather-card{min-height:172px;padding:1.2rem}.broadcast-panel{padding:1.25rem;border:1px solid rgba(219,231,255,.08);border-radius:28px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#070e19c7;box-shadow:0 20px 60px #0000002e;content-visibility:auto;contain-intrinsic-size:280px}.broadcast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.broadcast-card{padding:1rem 1.1rem;border-radius:22px;border:1px solid rgba(219,231,255,.08);background:#ffffff0d}.broadcast-card__header,.broadcast-card__body{display:flex;justify-content:space-between;gap:1rem;align-items:center}.broadcast-card__city,.broadcast-card__condition,.broadcast-card__body p{margin:0}.broadcast-card__city{font-size:1.02rem;font-weight:700}.broadcast-card__condition,.broadcast-card__body p{color:#b8c8e6}.broadcast-card__value{font-size:1.7rem;font-weight:700}.broadcast-card__badge{padding:.35rem .7rem;border-radius:999px;background:#f9a82629;color:#ffd78d;font-size:.84rem}.broadcast-card__badge.night{background:#7d9bff29;color:#d7e3ff}.weather-card__title{margin:0 0 1rem;color:#9db0d3;font-size:.92rem}.weather-card__value{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.7rem}.weather-card__value span{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700}.weather-card__value small{color:#7dd3fc}.chart-card{padding:1.25rem;content-visibility:auto;contain-intrinsic-size:420px}.chart-card__header{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}.chart-card__header h3{margin:0}.chart-frame{width:100%;min-height:340px;max-width:100%}.chart-scroll{width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:.35rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.apexcharts-canvas,.apexcharts-svg{touch-action:pan-x pan-y!important}.apexcharts-canvas{margin:0 auto!important}.loader{display:grid;place-items:center;gap:1rem;padding:3rem 1rem;text-align:center;color:#dbe7ff}.loader--fullscreen{min-height:100vh}.spinner{width:54px;height:54px;border-radius:50%;border:4px solid rgba(255,255,255,.14);border-top-color:#f9a826;animation:spin 1s linear infinite}.inline-error{padding:1rem 1.2rem;color:#ffd5db}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.navbar,.hero-panel{grid-template-columns:1fr}.nav-links{justify-content:flex-start}.hero-panel__controls--double{grid-template-columns:1fr}.broadcast-card__header,.broadcast-card__body{align-items:flex-start}.hero-panel__meta{flex-direction:column;gap:.4rem}}@media(max-width:768px){.page-shell,.navbar{width:calc(100% - 1rem);max-width:calc(100% - 1rem)}.navbar{padding:.9rem;border-radius:20px}.nav-links{flex-direction:column;gap:.6rem}.nav-link{width:100%;text-align:center}.toggle-group{width:100%;justify-content:space-between}.toggle-button{flex:1}.hero-panel,.chart-card,.weather-card,.broadcast-panel,.broadcast-card{border-radius:22px}.hero-panel,.chart-card,.broadcast-panel,.weather-card{padding:1rem}.chart-card__header{flex-direction:column}.cards-grid,.broadcast-grid{grid-template-columns:1fr}.broadcast-card__header,.broadcast-card__body{flex-direction:column;align-items:flex-start}.broadcast-card__badge{align-self:flex-start}.weather-card{min-height:auto}.weather-card__value span{font-size:1.8rem}.field-hint{line-height:1.45}.sky-orb{width:120px;height:120px;top:92px;right:8%}.cloud--two,.cloud--three{display:none}}@media(max-width:480px){.page-shell,.navbar{width:calc(100% - .75rem);max-width:calc(100% - .75rem)}.navbar,.hero-panel,.chart-card,.broadcast-panel,.weather-card,.broadcast-card{border-radius:18px}.navbar h1{font-size:1.15rem}.eyebrow{font-size:.7rem}.toggle-button,.nav-link,.field input,.field select{padding:.78rem .9rem}}