:root{font-size:clamp(16px,1.75vh,26px);--bg: #f5f1ed;--text-main: #3a3838;--text-dim: rgba(58, 56, 56, .45);--text-green: #3c5353;--accent: #f7cb3b;--green: #3c5353;--card-bg: rgba(255, 255, 255, .45);--card-border: rgba(60, 83, 83, .07);--icon-bg: rgba(60, 83, 83, .03);--logo-filter: brightness(0) saturate(100%) invert(22%) sepia(11%) saturate(936%) hue-rotate(131deg) brightness(95%) contrast(87%);--icon-stroke: #3c5353;--r: 18px;--base-font: "Bricolage Grotesque";--serif-font: "Newsreader", serif}.theme-dark{--text-main: #ffffff;--text-dim: rgba(255, 255, 255, .5);--text-green: rgba(255, 255, 255, .85);--card-bg: rgba(0, 0, 0, .2);--card-border: rgba(255, 255, 255, .1);--icon-bg: rgba(255, 255, 255, .08);--logo-filter: brightness(0) invert(1);--icon-stroke: rgba(255, 255, 255, .85)}.foot-time{color:var(--text-main)!important}@media(min-height:850px)and (min-width:800px){:root{--accent: #fbc500;--text: #1a1818;--dim: rgba(26, 24, 24, .6);--r: 26px;--fc-cols: 4}.wrap{max-width:1100px!important;padding:4rem 3rem 2rem!important}.hero-left h1{font-size:4.8rem!important}.hero-temp{font-size:7.2rem!important}.hero-cond{font-size:1.6rem!important;margin-top:.5rem}.hero-sub{font-size:1.2rem!important}.st-val{font-size:1.4rem!important}.st-label{font-size:.7rem!important}:root{--graph-fs: 18}.brand img{border-radius:26px;height:105px!important}.carousel-container{height:110px!important}}section .logo-wrapper{display:flex;gap:12px;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center}.serif{font-family:var(--serif-font)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:var(--bg);color:var(--text-main);font-family:Bricolage Grotesque,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;transition:background 2s ease,color .6s ease}.wrap{width:100%;height:100vh;display:flex;flex-direction:column;padding:2.5rem 2rem 1.5rem;max-width:700px;margin:0 auto;position:relative;z-index:1}@keyframes pulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.12);opacity:1}}.brand{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.brand img{border-radius:18px;height:80px;filter:invert(1);border:1px solid var(--border);object-fit:contain;transition:all .4s ease}.prediction,.wardrobe,.st,.fc-card{backdrop-filter:blur(12px);-moz-backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);transition:background .6s ease,border-color .6s ease}.hero{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2}.hero-left h1{font-family:var(--serif-font);font-size:2.6rem;font-weight:300;line-height:1}.city-sun{display:flex;align-items:center;gap:1.5rem}.sun-arc-container{width:130px;height:55px;position:relative;margin-top:4px}.arc-time{font-family:var(--serif-font);font-weight:600;letter-spacing:.05em}.hero-sub{font-size:.9rem;color:var(--text-dim);font-style:italic;margin-top:.1rem}.hero-meta{display:flex;gap:.8rem;margin-top:.5rem;font-size:.75rem;color:var(--text-green);font-weight:600;align-items:center}.hero-meta svg{width:13px;height:13px;vertical-align:-2px;margin-right:2px}.hero-meta .sep{width:3px;height:3px;background:var(--text-dim);border-radius:50%}.hero-right{text-align:right}.hero-left{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.logo-wrapper{display:flex;align-items:center;gap:1.2rem}.hero-temp{font-family:var(--serif-font);font-size:4.8rem;font-weight:200;line-height:1;letter-spacing:-.03em}.hero-temp sup{font-size:1.4rem;font-weight:300;vertical-align:super;color:var(--text-green)}.hero-cond{font-size:1rem;color:var(--text-green);font-weight:600}.prediction .pred-icon{width:32px;height:32px;flex-shrink:0}.prediction .pred-icon svg{width:100%;height:100%}.carousel-section{display:flex;flex-direction:column;margin-top:1.5rem;width:100%}.carousel-container{position:relative;height:75px;width:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%}.carousel-dots{display:flex;gap:.5rem;align-items:center;justify-content:center;margin-top:1rem}.dot{width:6px;height:6px;border-radius:10px;background:var(--text-dim);opacity:.4;transition:all .4s cubic-bezier(.2,.8,.2,1)}.dot.active{width:18px;background:var(--accent);opacity:1}.theme-dark .dot.active{background:#fff}.prediction,.wardrobe,.alert-slide{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(12px);-moz-backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--r);overflow:hidden;height:100%;box-sizing:border-box}.alert-slide{background:#1e1e1ef2;border:2px solid #e67e22;box-shadow:0 10px 30px #0000004d,0 0 20px #e67e2233;animation:alert-pulse 2s infinite}.ward-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--icon-bg);border-radius:10px}.ward-icon svg{width:22px;height:22px}.ward-content,.pred-content{flex:1}.ward-label,.pred-label{font-size:.5rem;font-weight:800;letter-spacing:.08em;color:var(--accent);margin-bottom:.1rem}.ward-text,.pred-text{font-size:.85rem;font-weight:700;color:var(--text-green);line-height:1.3}.ward-sub{font-size:.7rem;color:var(--text-dim);line-height:1.2}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1.5rem}.st{background:var(--card-bg);border-radius:var(--r);border:1px solid var(--card-border);padding:.6rem .7rem}.st-label{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.st-val{font-size:.95rem;font-weight:700;color:var(--text-green);margin-top:.1rem}.fc-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r);margin-top:1.5rem;flex:1;backdrop-filter:blur(12px);-moz-backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.fc-graph{position:absolute;inset:60px 0;pointer-events:none;z-index:5}.chart-label{font-size:1rem;pointer-events:none}.chart-label.hi{fill:var(--accent);font-weight:700}.chart-label.lo{fill:#3498db;font-weight:500}.fc-grid{display:grid;grid-template-columns:repeat(var(--fc-cols, 5),1fr);flex:1;min-height:0;height:100%}.fc-col{display:flex;flex-direction:column;padding:.8rem .2rem;border-right:1px solid var(--card-border);position:relative;z-index:2}.fc-top{display:flex;flex-direction:column;align-items:center;gap:.2rem;height:40px}.fc-graph-spacer{height:140px}.fc-btm{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.6rem}.fc-stats-mini{display:flex;flex-direction:column;align-items:center;gap:.2rem}.fc-col:last-child{border-right:none}.fc-col.is-today{background:#f7cb3b0a}.fc-col .fc-name{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.fc-col .fc-date{font-size:.55rem;color:var(--text-dim);opacity:.7}.fc-col .fc-svg{width:32px;height:32px}.fc-col .fc-svg svg{width:100%;height:100%}.fc-col .fc-rain,.fc-col .fc-sun{font-size:.6rem;font-weight:600;display:flex;align-items:center;gap:.2rem}.fc-col .fc-rain{color:#3498db}.fc-col .fc-sun{color:var(--accent)}.fc-col .fc-rain svg,.fc-col .fc-sun svg{width:10px;height:10px}.foot{margin-top:1.5rem;text-align:center;padding-top:1rem;padding-bottom:1.5rem}.foot-time{font-family:var(--serif-font);font-size:2.2rem;font-weight:200;line-height:1}.foot-date{font-size:.6rem;margin-top:.2rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em}.error-screen{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);gap:1rem}.error-screen button{background:var(--accent);border:none;padding:.5rem 1.6rem;border-radius:50px;font-weight:700;cursor:pointer;font-family:inherit;font-size:.8rem}.skeleton{position:fixed;inset:0;z-index:200;background:var(--bg)}.sk-wrap{width:100%;height:100vh;display:flex;flex-direction:column;padding:2.5rem 2rem 1.5rem;max-width:700px;margin:0 auto}.sk-bone{background:#3c53530f;border-radius:var(--r);position:relative;overflow:hidden}.sk-bone:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:shimmer 1.8s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sk-brand{display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}.sk-brand .sk-bone:last-child{width:120px;height:14px;border-radius:4px}.sk-hero{display:flex;justify-content:space-between;align-items:flex-start}.sk-hero-left{display:flex;flex-direction:column;gap:.5rem}.sk-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.sk-pred{margin-top:1rem;height:48px}.sk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1rem}.sk-stats .sk-bone{height:52px}.sk-fc{margin-top:1rem;flex:1;min-height:0}.sk-foot{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding-top:.8rem;border-top:1px solid var(--border)}@keyframes up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.an{animation:up .65s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}.d1{animation-delay:60ms}.d2{animation-delay:.12s}.d3{animation-delay:.18s}.d4{animation-delay:.24s}.perf-mode .an,.perf-mode .an.d1,.perf-mode .an.d2,.perf-mode .an.d3,.perf-mode .an.d4{animation:none!important;opacity:1!important;transform:none!important}.perf-mode .prediction,.perf-mode .wardrobe,.perf-mode .alert-slide,.perf-mode .st,.perf-mode .fc-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.perf-mode,.perf-mode *,.perf-mode *:before,.perf-mode *:after{transition:none!important}.perf-mode .alert-slide{animation:none!important}.perf-mode .perf-slide{opacity:1}.perf-mode .dot{transition:none!important}.perf-mode *{will-change:auto!important}@font-face{font-family:Aptos;src:url(/assets/Aptos-CAhTFzHZ.ttf) format("truetype");font-weight:400;font-style:normal}.aptos-override{--serif-font: "Aptos", serif !important}