.pc-widget{--text-color: #1d3a58;--muted: #4a6a86;--card-bg: transparent;--card-border: rgba(125, 184, 214, .28);--chip: rgba(255, 255, 255, .42);--search-bg: rgba(255, 255, 255, .55);--accent-color: #3db4e6;--aqi-good: #00e676;--aqi-fair: #c6ff00;--aqi-moderate: #ffea00;--aqi-poor: #ff9100;--aqi-very-poor: #ff1744;width:min(720px,100%);margin:0 auto;background:transparent;border-radius:0;padding:0;box-shadow:none;color:var(--text-color)}.pc-widget .card{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:none;width:100%;border-radius:0;padding:4px 2px 0;overflow:visible;text-align:center;color:var(--text-color);margin:0 auto}.pc-widget .date-container{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;text-align:left;margin-bottom:12px}.pc-widget #date-day,.pc-widget .date-day{font-size:1.15rem;font-weight:750;text-shadow:none;margin:0;letter-spacing:-.03em}.pc-widget #date-full,.pc-widget .date-full{font-size:.92rem;color:var(--muted);opacity:1;margin:2px 0 0}.pc-widget .search-box{display:flex;align-items:center;margin-bottom:14px;background:var(--search-bg);border-radius:999px;padding:6px 10px;border:1px solid var(--card-border);box-shadow:0 8px 24px #508cb414}.pc-widget .search-box input{border:0;outline:0;background:transparent;color:var(--text-color);font-size:16px;flex:1;min-width:0;margin:0 5px;font-family:inherit}.pc-widget .search-box input::placeholder{color:#7a99b3}.pc-widget .search-box button{border:0;outline:0;background:#4facfe2e;border-radius:50%;width:36px;height:36px;cursor:pointer;color:var(--text-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:4px}.pc-widget .search-box button:hover{background:#4facfe52}.pc-widget .weather-icon{margin:0 auto 6px;filter:drop-shadow(0 10px 18px rgba(79,172,254,.28))}.pc-widget .temp{font-size:72px;font-weight:800;text-shadow:none;line-height:.92;letter-spacing:-.05em;color:var(--text-color)}.pc-widget .feels-like{font-size:15px;color:var(--muted);opacity:1;margin:6px 0 10px}.pc-widget .city-container{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.pc-widget .city{margin:0;line-height:1;font-size:1.45rem;font-weight:700;text-shadow:none;letter-spacing:-.03em}.pc-widget .action-btn{background:var(--chip);border:1px solid var(--card-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-color);cursor:pointer}.pc-widget .action-btn:hover{background:#ffffffb8;transform:scale(1.08)}.pc-widget .outfit-box{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 14px;padding:10px 14px;background:var(--chip);border:1px solid var(--card-border);border-radius:16px;font-size:.92rem;line-height:1.4;color:var(--text-color);text-align:left}.pc-widget .details{display:flex;justify-content:space-between;gap:10px}.pc-widget .col{display:flex;align-items:center;background:var(--chip);border:1px solid var(--card-border);padding:10px 12px;border-radius:16px;flex:1;min-width:0;color:var(--text-color);text-align:left}.pc-widget .col svg{margin-right:8px;flex-shrink:0}.pc-widget .humidity,.pc-widget .wind,.pc-widget .aqi-value,.pc-widget .uv-value{font-size:16px;font-weight:700;display:block;white-space:nowrap}.pc-widget .col p{font-size:11px;color:var(--muted);opacity:1;margin:0}.pc-widget .astro-row{display:flex;gap:10px;margin-top:10px!important}.pc-widget .astro-item{background:var(--chip);border:1px solid var(--card-border);border-radius:16px;padding:8px 12px;flex:1;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-color)}.pc-widget .astro-time{font-weight:700}.pc-widget .astro-label{font-size:12px;color:var(--muted);opacity:1}.pc-widget .forecast-section{margin-top:18px;border-top:1px solid var(--card-border);padding-top:14px;width:100%}.pc-widget .forecast-title{text-align:left;font-size:.92rem;margin:0 0 8px;opacity:1;font-weight:700;color:var(--text-color)}.pc-widget .forecast-container{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.pc-widget .forecast-container::-webkit-scrollbar{display:none}.pc-widget .forecast-item{background:var(--chip);border:1px solid var(--card-border);border-radius:14px;padding:8px 4px;flex:1;min-width:52px;display:flex;flex-direction:column;align-items:center;color:var(--text-color)}.pc-widget .forecast-day{font-size:.82rem;font-weight:600;margin:0 0 4px;text-transform:capitalize;color:var(--muted)}.pc-widget .forecast-temp{font-size:.95rem;font-weight:700;margin:4px 0 0}.pc-widget .error-message{margin:8px 0 12px;color:#c45c26}@keyframes pc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pc-widget .anim-float{animation:pc-float 4s ease-in-out infinite}@keyframes pc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pc-widget .spin-animation{animation:pc-spin 1s linear infinite}.pc-settings-mask{position:fixed;inset:0;background:#0c1c2c47;z-index:80;opacity:0;pointer-events:none;transition:opacity .2s ease}.pc-settings-mask.is-open{opacity:1;pointer-events:auto}.pc-settings{position:fixed;top:0;right:0;width:min(320px,92vw);height:100%;background:#fff;color:#2b2b2b;z-index:90;padding:22px 20px 28px;box-shadow:-12px 0 40px #1432502e;display:flex;flex-direction:column;transform:translate(110%);transition:transform .28s ease;overflow:auto}.pc-settings.is-open{transform:translate(0)}.pc-settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font-size:1.15rem;font-weight:700}.pc-settings-close{border:0;background:transparent;cursor:pointer;color:#444}.pc-settings-list{list-style:none;margin:0;padding:0}.pc-settings-list li,.pc-favs li{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.pc-settings-label{display:flex;align-items:center;gap:10px;font-size:.98rem}.pc-settings-label svg{color:#00bcd4;flex-shrink:0}.pc-unit{background:#eee;border-radius:20px;padding:3px;display:flex}.pc-unit button{border:0;background:none;padding:6px 12px;border-radius:15px;cursor:pointer;font-weight:700;color:#666}.pc-unit button.is-on{background:#fff;color:#111;box-shadow:0 2px 5px #0000001a}.pc-switch{position:relative;width:50px;height:26px;flex-shrink:0}.pc-switch input{opacity:0;width:0;height:0}.pc-switch span{position:absolute;inset:0;background:#ccc;border-radius:34px;cursor:pointer;transition:background .2s}.pc-switch span:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.pc-switch input:checked+span{background:#00bcd4}.pc-switch input:checked+span:before{transform:translate(24px)}.pc-settings-share{cursor:pointer}.pc-favs{border-top:1px solid rgba(0,0,0,.1);padding-top:16px;margin-top:4px}.pc-favs-empty{margin:8px 0 0 32px;color:#888;font-size:.92rem}.pc-favs ul{list-style:none;margin:10px 0 0;padding:0}.pc-fav-load{border:0;background:none;cursor:pointer;font:inherit;color:#555;text-align:left}.pc-fav-del{border:0;background:none;color:#ff5252;cursor:pointer}body.landing-dark .pc-widget{--text-color: #eaf5ff;--muted: #9db6c9;--chip: rgba(255, 255, 255, .08);--search-bg: rgba(255, 255, 255, .12);--card-border: rgba(255, 255, 255, .14)}body.landing-dark .pc-widget .search-box input,body.landing-dark .pc-widget .search-box button,body.landing-dark .pc-widget .action-btn{color:#eaf5ff}body.landing-dark .pc-widget .search-box input::placeholder{color:#9db6c9}body.landing-dark .pc-settings{background:#1b2733;color:#eaf5ff}body.landing-dark .pc-settings-close,body.landing-dark .pc-fav-load{color:#d5e6f2}body.landing-dark .pc-unit{background:#333}body.landing-dark .pc-unit button.is-on{background:#555;color:#fff}body.landing-dark .pc-favs{border-top-color:#ffffff1f}:root{--ink: #1d3a58;--muted: #4a6a86;--line: #c5dff0;--paper: #eef7fd;--card: #f7fbfe;--rust: #e86a33;--sage: #3db4e6;--sky: #4facfe}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;color:var(--ink);line-height:1.55;background:radial-gradient(900px 520px at 0% 0%,rgba(79,172,254,.28) 0%,transparent 58%),radial-gradient(760px 460px at 100% 8%,rgba(255,176,110,.22) 0%,transparent 52%),radial-gradient(900px 580px at 50% 100%,rgba(0,198,251,.18) 0%,transparent 58%),linear-gradient(180deg,#f4fbff,#e7f4fc 48%,#dceef8)}.bg-anim{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.bg-anim span{position:absolute;border-radius:50%;filter:blur(48px);opacity:.48;animation:drift 16s ease-in-out infinite}.bg-anim span:nth-child(1){width:520px;height:520px;background:#7ec8ff;top:-140px;left:-100px}.bg-anim span:nth-child(2){width:420px;height:420px;background:#ffb07a;right:-110px;top:12%;animation-delay:-5s}.bg-anim span:nth-child(3){width:560px;height:560px;background:#9ee7ff;bottom:-200px;left:22%;animation-delay:-10s}.bg-anim span:nth-child(4){width:300px;height:300px;background:#ffd59a;right:16%;bottom:6%;animation-delay:-2s}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(36px,-28px) scale(1.12)}}.site-header,main,.site-footer{position:relative;z-index:1}img{max-width:100%}a{color:var(--rust)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background:#f4fbffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:12px 16px;min-width:0;flex:1}.logo{font-weight:800;font-size:1.4rem;color:var(--ink);text-decoration:none;letter-spacing:-.03em;flex-shrink:0}.logo span{color:var(--rust)}.header-h1 a{color:inherit;text-decoration:none}.header-h1{margin:0;font-size:.95rem;font-weight:650;color:var(--muted);letter-spacing:-.02em;line-height:1.25;padding-left:16px;border-left:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-toggle{display:none;border:1px solid var(--line);background:var(--card);border-radius:12px;width:42px;height:42px;cursor:pointer}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{display:block;width:18px;height:2px;background:var(--ink);margin:0 auto;position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}.site-nav{display:flex;align-items:center;gap:6px 20px}.site-nav a{color:var(--ink);text-decoration:none;font-weight:650;font-size:.95rem}.site-nav a:hover,.site-nav a.is-active{color:var(--rust)}.nav-cta{background:var(--rust);color:#fff!important;padding:9px 16px;border-radius:999px}.lang-switcher{position:relative;display:inline-flex;align-items:center}.lang-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--card);border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:.88rem;font-weight:650;cursor:pointer;transition:border-color .2s,background .2s}.lang-btn:hover,.lang-btn:focus-visible{border-color:var(--rust)}.lang-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:145px;background:#f7fbfef2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 12px 32px #1d3a5824;z-index:100;flex-direction:column;gap:2px}.lang-dropdown.is-open{display:flex;animation:langFadeIn .18s ease-out}@keyframes langFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:9px;font-size:.88rem;font-weight:600;color:var(--ink)!important;text-decoration:none;transition:background .15s,color .15s}.lang-option:hover{background:#3db4e61f;color:var(--rust)!important}.lang-option.is-active{background:#e86a331f;color:var(--rust)!important;font-weight:750}.lang-flag{font-size:1.1rem;line-height:1}.hero{padding:28px 20px 12px}.hero-inner,.wrap{width:min(1180px,calc(100% - 16px));margin:0 auto}.hero-inner{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.hero-copy{max-width:62ch}.hero-copy .lead,.widget-stage .lead{margin:0 auto 16px;font-size:1.05rem;max-width:46ch;color:var(--muted)}.widget-stage{width:min(760px,100%);margin:0 auto;text-align:center}.widget-stage h1{margin:0 0 14px;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.15;letter-spacing:-.04em}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:14px}.page h1{margin:0 0 16px;font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.08;letter-spacing:-.045em}.lead{margin:0 0 24px;font-size:1.12rem;max-width:46ch;color:var(--muted)}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:750;border-radius:999px;padding:13px 20px;border:0;cursor:pointer}.btn-primary{background:var(--rust);color:#fff;box-shadow:0 8px 20px #e86a3347}.btn-ghost{background:#ffffffc7;color:var(--ink);border:1px solid #9ad0ea}.widget-shell{width:min(720px,100%);margin:0 auto}.page{padding:28px 20px 8px}.section{padding:10px 20px 18px}.glass{background:#ffffffdb;border:1px solid var(--line);border-radius:28px;padding:28px 30px;box-shadow:0 12px 40px #286ea014}.section h2,.prose h2,.glass h2{font-size:1.4rem;line-height:1.2;margin:0 0 12px;letter-spacing:-.03em}.prose p,.note,.info-card p,details p,ol{color:var(--muted)}.prose p{margin:0 0 14px}.prose a,.info-card a,details a{font-weight:700}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}.card-list,.topics{display:grid;gap:14px}.topics{grid-template-columns:repeat(3,1fr)}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.city-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.city-links a{background:#f3f9fd;border:1px solid var(--line);border-radius:999px;padding:7px 13px;text-decoration:none;color:var(--ink);font-weight:650;font-size:.9rem}.city-links a:hover{background:#fff}.info-card{background:#f3f9fd;border:1px solid var(--line);border-radius:20px;padding:18px}.info-card h3{margin:0 0 8px;font-size:1.02rem}ol{padding-left:1.15rem}ol li{margin:8px 0}table{width:100%;border-collapse:collapse;background:var(--card);border-radius:18px;overflow:hidden;border:1px solid var(--line)}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#dff1fb;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.compare td:first-child{font-weight:800;width:22%}.faq{display:grid;gap:10px}details{background:#f3f9fd;border:1px solid var(--line);border-radius:16px;padding:14px 16px}summary{cursor:pointer;font-weight:800}details p{margin:10px 0 2px}.final-cta{margin:8px auto 36px;width:min(1180px,calc(100% - 40px));background:linear-gradient(135deg,#e86a33,#f4a261);color:#fff;border-radius:28px;padding:36px 28px;text-align:center;box-shadow:0 16px 40px #e86a3340}.final-cta h2{margin:0 0 8px}.final-cta p{color:#fff6ea;margin:0 0 18px}.final-cta .btn-primary{background:#fff;color:#c45c26}.site-footer{padding:28px 20px 40px;background:#bae0f56b;border-top:1px solid var(--line)}.footer-inner{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}.site-footer a{display:block;margin:6px 0;color:var(--muted);text-decoration:none}.site-footer strong{display:block;margin-bottom:8px}.note{font-size:.9rem;margin-top:10px}body.landing-dark{--ink: #eaf5ff;--muted: #9db6c9;--line: #2c4a62;--card: #152433;color:var(--ink);background:radial-gradient(900px 520px at 0% 0%,rgba(79,172,254,.18) 0%,transparent 58%),radial-gradient(760px 460px at 100% 8%,rgba(232,106,51,.12) 0%,transparent 52%),linear-gradient(180deg,#0c1822,#122433 55%,#0e1c28)}body.landing-dark .site-header{background:#0c1822db}body.landing-dark .glass,body.landing-dark .info-card,body.landing-dark details,body.landing-dark table{background:#152433e0}body.landing-dark .btn-ghost{background:#ffffff14;color:var(--ink);border-color:#3a6a88}body.landing-dark .lang-btn{background:var(--card);border-color:var(--line);color:var(--ink)}body.landing-dark .lang-dropdown{background:#152433f5;border-color:var(--line);box-shadow:0 12px 32px #00000073}body.landing-dark .lang-option{color:var(--ink)!important}body.landing-dark .lang-option:hover{background:#3db4e62e}body.landing-dark th{background:#1d3548}@media(max-width:920px){.hero-inner,.grid-2,.topics,.how-grid,.footer-inner{grid-template-columns:1fr}.hero-copy{text-align:center}.lead{margin-left:auto;margin-right:auto}.cta-row{justify-content:center}.widget-shell{max-width:720px;margin:0 auto}}@media(max-width:820px){.brand{flex-direction:column;gap:2px}.header-h1{padding-left:0;border-left:0;font-size:.82rem;white-space:normal}.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:72px;left:12px;right:12px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;flex-direction:column;align-items:stretch}.site-nav.is-open{display:flex}.nav-cta{text-align:center}}