*,*:before,*:after{box-sizing:border-box}:root{--radius: 24px;--font-display: "Unbounded", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif}.app.mode-dark{--glass: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .22);--text: #f8fbff;--text-muted: rgba(248, 251, 255, .72);--header-text: #f8fbff;--header-muted: rgba(248, 251, 255, .72);--shadow: 0 24px 80px rgba(5, 12, 30, .35);--search-bg: rgba(0, 0, 0, .18);--search-border: rgba(255, 255, 255, .15);--placeholder: rgba(248, 251, 255, .45);--chip-bg: rgba(255, 255, 255, .08);--chip-border: rgba(255, 255, 255, .35);--inset-bg: rgba(0, 0, 0, .12);--inset-border: rgba(255, 255, 255, .1);--divider: rgba(255, 255, 255, .08);--prefs-bg: rgba(0, 0, 0, .2);--prefs-border: rgba(255, 255, 255, .14);--foot: rgba(248, 251, 255, .45);--scrollbar: rgba(255, 255, 255, .25);--sky-veil: transparent}.app.mode-light{--glass: rgba(255, 255, 255, .94);--glass-border: rgba(15, 23, 42, .1);--text: #0b1220;--text-muted: rgba(11, 18, 32, .68);--header-text: #0b1220;--header-muted: rgba(11, 18, 32, .72);--shadow: 0 20px 50px rgba(15, 23, 42, .12);--search-bg: rgba(255, 255, 255, .92);--search-border: rgba(15, 23, 42, .1);--placeholder: rgba(15, 23, 42, .4);--chip-bg: rgba(255, 255, 255, .75);--chip-border: rgba(15, 23, 42, .12);--inset-bg: rgba(15, 23, 42, .06);--inset-border: rgba(15, 23, 42, .1);--divider: rgba(15, 23, 42, .08);--prefs-bg: rgba(255, 255, 255, .82);--prefs-border: rgba(15, 23, 42, .1);--foot: rgba(11, 18, 32, .72);--scrollbar: rgba(11, 18, 32, .22);--sky-veil: linear-gradient( 180deg, rgba(255, 255, 255, .42) 0%, rgba(255, 255, 255, .18) 55%, rgba(255, 255, 255, .08) 100% )}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);background:#0b1220;line-height:1.5;-webkit-font-smoothing:antialiased}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{position:relative;min-height:100vh;overflow-x:hidden;color:var(--text);transition:color .35s ease}.app.theme-clear{--sky-a: #1e6bff;--sky-b: #38bdf8;--sky-c: #fde68a;--glow: rgba(253, 230, 138, .45)}.app.theme-night-clear{--sky-a: #0f172a;--sky-b: #1e1b4b;--sky-c: #312e81;--glow: rgba(129, 140, 248, .35)}.app.theme-cloudy{--sky-a: #475569;--sky-b: #64748b;--sky-c: #94a3b8;--glow: rgba(226, 232, 240, .25)}.app.theme-night-cloudy{--sky-a: #1e293b;--sky-b: #334155;--sky-c: #475569;--glow: rgba(148, 163, 184, .2)}.app.theme-rain{--sky-a: #1e3a5f;--sky-b: #2563eb;--sky-c: #0ea5e9;--glow: rgba(56, 189, 248, .3)}.app.theme-snow{--sky-a: #334155;--sky-b: #64748b;--sky-c: #e2e8f0;--glow: rgba(255, 255, 255, .35)}.app.theme-fog{--sky-a: #64748b;--sky-b: #94a3b8;--sky-c: #cbd5e1;--glow: rgba(255, 255, 255, .2)}.app.theme-storm{--sky-a: #1e1b4b;--sky-b: #4338ca;--sky-c: #6366f1;--glow: rgba(167, 139, 250, .35)}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(165deg,var(--sky-a) 0%,var(--sky-b) 45%,var(--sky-c) 100%);transition:background 1.2s ease}.sky__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sky-veil, transparent);transition:background .45s ease;pointer-events:none}.sky__glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.85;animation:drift 18s ease-in-out infinite alternate}.sky__glow--1{width:min(70vw,520px);height:min(70vw,520px);top:-10%;right:-5%;background:var(--glow)}.sky__glow--2{width:min(55vw,420px);height:min(55vw,420px);bottom:5%;left:-8%;background:#ffffff1f;animation-delay:-6s}.sky__orb{position:absolute;top:12%;right:18%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff9,transparent 55%);box-shadow:0 0 60px var(--glow);opacity:.9}.theme-night-clear .sky__orb,.theme-night-cloudy .sky__orb{width:90px;height:90px;background:radial-gradient(circle at 35% 35%,#eef2ff,#c7d2fe 40%,transparent 70%);box-shadow:0 0 40px #c7d2fe80}.theme-rain .sky__orb,.theme-storm .sky__orb,.theme-fog .sky__orb{opacity:.25}.sky__clouds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cloud{position:absolute;display:block;background:#ffffff24;border-radius:999px;filter:blur(1px);animation:floatCloud 28s linear infinite}.cloud--a{width:180px;height:48px;top:18%;left:-200px;box-shadow:60px 12px 0 -8px #ffffff1a}.cloud--b{width:240px;height:56px;top:32%;left:-280px;animation-duration:36s;animation-delay:-12s;opacity:.7}.cloud--c{width:140px;height:40px;top:8%;left:-160px;animation-duration:22s;animation-delay:-4s;opacity:.5}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(-24px,16px) scale(1.05)}}@keyframes floatCloud{0%{transform:translate(0)}to{transform:translate(calc(100vw + 400px))}}.shell{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:28px 20px 48px}.glass{background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text)}.mode-light .brand__name,.mode-light .brand__tag,.mode-light .prefs__theme{text-shadow:0 1px 14px rgba(255,255,255,.85)}.top{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}.top__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.prefs{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.prefs__group{display:inline-flex;padding:4px;border-radius:999px;background:var(--prefs-bg);border:1px solid var(--prefs-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.prefs__btn{min-width:44px;padding:8px 12px;border:none;border-radius:999px;background:transparent;color:var(--header-muted);font:inherit;font-size:.82rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .15s ease,color .15s ease}.prefs__btn.is-active{background:linear-gradient(135deg,#fff,#e0f2fe);color:#0f172a;box-shadow:0 4px 14px #0f172a1f}.mode-dark .prefs__btn.is-active{background:#fffffff2}.prefs__theme{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--prefs-border);background:var(--prefs-bg);color:var(--header-text);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .15s ease,background .15s ease}.prefs__theme:hover{transform:translateY(-1px)}.prefs__theme-icon{font-size:1.05rem;line-height:1}.brand{display:flex;align-items:center;gap:14px}.brand__mark{font-size:2rem;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.brand__name{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--header-text)}.brand__tag{margin:2px 0 0;font-size:.85rem;color:var(--header-muted)}.search{display:flex;width:100%;max-width:520px;gap:8px;padding:6px;border-radius:999px;background:var(--search-bg);border:1px solid var(--search-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search input{flex:1;min-width:0;padding:12px 16px;border:none;background:transparent;color:var(--text);font:inherit;font-size:.95rem}.search input::placeholder{color:var(--placeholder)}.search input:focus{outline:none}.search button{padding:12px 20px;border:none;border-radius:999px;background:linear-gradient(135deg,#fff,#e0f2fe);color:#0f172a;font-family:var(--font-body);font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.search button:hover:not(:disabled){transform:translateY(-1px)}.search button:disabled{opacity:.6;cursor:wait}.hero{padding:28px 24px 24px;margin-bottom:20px}.hero__meta{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.hero__place{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.03em;color:var(--text)}.hero__country{margin:6px 0 0;color:var(--text-muted);font-size:.95rem}.geo-btn{padding:10px 18px;border-radius:999px;border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--text);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.geo-btn:hover:not(:disabled){transform:translateY(-1px);background:var(--inset-bg)}.geo-btn:disabled{opacity:.55;cursor:wait}.banner{margin:12px 0 0;padding:12px 16px;border-radius:14px;font-size:.9rem}.banner--error{background:#ef444433;border:1px solid rgba(252,165,165,.35);color:inherit}.mode-light .banner--error{background:#fee2e2f2;border-color:#f871718c;color:#991b1b}.hero__main{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 24px;margin-top:20px}.hero__emoji{font-size:clamp(4rem,12vw,6.5rem);line-height:1;filter:drop-shadow(0 8px 24px rgba(0,0,0,.15))}.hero__temp{margin:0;font-family:var(--font-display);font-size:clamp(3.5rem,14vw,5.5rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--text)}.hero__state{margin:8px 0 0;font-size:1.25rem;font-weight:600;color:var(--text)}.hero__updated{margin:8px 0 0;font-size:.85rem;color:var(--text-muted)}.stats{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats li{padding:16px 14px;border-radius:16px;background:var(--inset-bg);border:1px solid var(--inset-border)}.stats__label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.stats__value{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text)}.panel{padding:22px 20px 20px;margin-bottom:20px}.panel__head h2{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text)}.panel__head p{margin:6px 0 0;font-size:.88rem;color:var(--text-muted)}.hourly-scroll{display:flex;gap:10px;margin-top:18px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.hourly-scroll::-webkit-scrollbar{height:6px}.hourly-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:999px}.hour-card{flex:0 0 88px;scroll-snap-align:start;padding:14px 10px;text-align:center;border-radius:18px;background:var(--inset-bg);border:1px solid var(--inset-border)}.hour-card time{display:block;font-size:.78rem;color:var(--text-muted)}.hour-card__icon{display:block;font-size:1.6rem;margin:8px 0}.hour-card__temp{font-weight:700;font-size:1rem;color:var(--text)}.week{list-style:none;margin:16px 0 0;padding:0}.week__row{display:grid;grid-template-columns:72px 36px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--divider)}.week__row:last-child{border-bottom:none}.week__day{font-weight:700;text-transform:capitalize;color:var(--text)}.week__icon{font-size:1.35rem;text-align:center}.week__label{font-size:.9rem;color:var(--text-muted)}.week__temps{display:flex;gap:10px;font-weight:700;font-family:var(--font-display);color:var(--text)}.week__min{color:var(--text-muted);font-weight:600}.hero__skeleton{padding:12px 0}.shimmer{border-radius:12px;background:linear-gradient(90deg,var(--inset-bg) 0%,var(--inset-border) 50%,var(--inset-bg) 100%);background-size:200% 100%;animation:shimmer 1.4s ease infinite}.line{height:20px;margin-bottom:14px}.line--lg{width:55%;height:28px}.line--xl{width:40%;height:64px;margin-top:24px}.line--md{width:70%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.foot{margin-top:8px;text-align:center}.foot p{margin:0;font-size:.78rem;color:var(--foot)}@media (max-width: 640px){.hero__main{grid-template-columns:1fr;text-align:center}.hero__visual{order:-1}.stats{grid-template-columns:1fr}.week__row{grid-template-columns:64px 32px 1fr auto;gap:8px}.week__label{display:none}}