:root{--main-bg:#e6eef5;--glass-bg:rgba(255,255,255,0.70);--input-bg:#fff;--accent:#36602d;--font:'Inter',Arial,sans-serif;--gold:#f9ad0e;--goldGrade:#d17c00;--silver:#d1d7da;--silverGrade:#a0a8b1;--bronze:#df7e08;--bronzeGrade:#a05704;--shadow:0 2px 14px rgba(40,60,90,0.08)}@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:107%;ascent-override:92%;descent-override:22%;line-gap-override:0%}html{font-family:Inter,"Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;scrollbar-gutter:stable}body,html{height:100%;margin:0;padding:0;font-family:var(--font);color:#21242b;min-height:100vh}body.season-summer{background:url('bg/summer.jpg') center center/cover no-repeat fixed;min-height:100vh}body.season-winter{background:url('bg/winter.jpg') center/cover no-repeat fixed;min-height:100vh}body.season-autumn{background:url('bg/autumn.jpg') center/cover no-repeat fixed;min-height:100vh}body.season-spring{background:url('bg/spring.jpg') center/cover no-repeat fixed;min-height:100vh}.main-content{max-width:520px;margin:2.8rem auto 0;background:var(--glass-bg);border-radius:26px;box-shadow:var(--shadow);padding:.3rem 1.6rem}#season-heading{padding:0 .6rem}h1{font-size:2.8rem;font-weight:900;letter-spacing:-2px;text-align:center;color:#fff;text-shadow:0 2px 16px rgba(60,70,120,.25);margin-bottom:2.2rem}a{color:#36602d;text-decoration:none}.footer-links a:hover,a:hover{text-decoration:underline;color:#27471f}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:#36602d solid 2px;outline-offset:2px}.distance-controls{text-align:center;margin-bottom:1.6rem}.user-location-text{color:#3c3d4b;font-size:1.02rem;margin-bottom:.3rem}.slider-wrap{display:flex;align-items:center;gap:.7rem;justify-content:center}.slider-wrap input[type=range]{accent-color:var(--accent);-webkit-appearance:none;appearance:none;width:230px;height:32px;background:0 0;cursor:pointer}.slider-wrap input[type=range]::-webkit-slider-runnable-track{height:8px;background:#6ca463;border-radius:4px}.slider-wrap input[type=range]::-moz-range-track{height:8px;background:#6ca463;border-radius:4px}.slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-12px;width:32px;height:32px;background:var(--accent);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .15s,background .15s;padding:8px}#rangeSlider-max,#rangeSlider-min,.spanslider-max,.spanslider-min{display:inline-block;width:4ch;text-align:center;font-variant-numeric:tabular-nums}.slider-wrap input[type=range]::-webkit-slider-thumb:active{transform:scale(1.15);background:#2b4e25}.slider-wrap input[type=range]::-moz-range-thumb{width:32px;height:32px;background:var(--accent);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .15s,background .15s}.slider-wrap input[type=range]::-moz-range-thumb:active{transform:scale(1.15);background:#2b4e25}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-wrap{display:flex;align-items:center;background:var(--input-bg);border-radius:16px;box-shadow:0 2px 8px rgba(80,120,170,.07);padding:.4rem 1rem .4rem .8rem;margin-bottom:.8rem;position:relative}.search-icon{font-size:1.25rem;color:#b7bcc1;margin-right:.6rem;margin-left:.4rem}#city-search{font-size:1.15rem;border:none;outline:0;background:0 0;flex:1;padding:.5rem 0}.autocomplete-list{position:absolute;top:110%;left:0;right:0;background:#fff;z-index:20;box-shadow:0 4px 16px rgba(80,110,150,.12);border-radius:0 0 10px 10px;max-height:220px;overflow-y:auto;font-size:1rem}.autocomplete-list .item{padding:.6rem 1.1rem;cursor:pointer;border-bottom:1px solid #f1f4f8}.autocomplete-list .item:last-child{border-bottom:none}.autocomplete-list .item:hover{background:#f6f8fa}.selected-cities-info{text-align:center;font-size:.97rem;color:#75809e;margin-bottom:.6rem}.compare-heading{text-align:center;margin-bottom:.7rem}.compare-title{font-weight:700;font-size:1.1rem}.compare-desc{font-size:.97rem;color:#75809e}.view-switch-row{display:flex;align-items:center;position:relative;min-height:3rem}.view-switch{display:flex;gap:.4rem;justify-content:center;width:100%}.view-switch button{background:#f4f7fa;border:none;border-radius:7px;font-size:1.03rem;font-weight:600;padding:.5rem 1.05rem;color:#667;cursor:pointer;transition:background .2s,color .2s}.view-switch button.active,.view-switch button:active{background:var(--accent);color:#fff}.info-btn{border-radius:50%;width:2.2rem;height:2.2rem;background:#fff;color:#477;font-size:1.24rem;border:1px solid #e5ecf5;box-shadow:0 1px 5px rgba(80,120,170,.06);cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;font-weight:700;position:absolute;right:0;top:50%;transform:translateY(-50%)}.info-btn:hover{background:#f4f7fa}.weather-list{margin:.6rem 0 1.5rem;display:flex;flex-direction:column;gap:1.15rem}.weather-card{display:flex;align-items:flex-start;background:#f4f7fb;border-radius:17px;box-shadow:0 2px 14px rgba(70,100,140,.09);padding:1.2rem 1.1rem 1.2rem 1.2rem;gap:0;position:relative}.card-main{flex:1}.card-title{font-weight:700;font-size:1.13rem;margin-bottom:.07rem;color:#3c3d4b}.card-city-score,.card-desc{margin-bottom:.09rem;color:#6b6e7b}.card-desc{font-size:.98rem}.card-city-score{font-size:.78rem}.card-meta{font-size:.92rem;color:#6b6e7b;margin-bottom:.12rem;min-height:1.6em}.card-values{display:flex;gap:1.1rem;margin-top:.13rem;align-items:center}.card-value{display:flex;flex-direction:column;align-items:center;min-width:56px}.card-value .icon{font-size:1.3rem;margin-bottom:.04rem}.card-value .label{font-size:.89rem;color:#3c3d4b}.card-close{position:absolute;top:.65rem;right:.88rem;font-size:1.35rem;color:#b3b7bf;background:0 0;border:none;cursor:pointer;padding:.05rem;display:none}.city-row,.medal,.medal span{position:relative}.weather-card.compare .card-close{display:block}.card-group-list{margin-top:.1rem}.about-card,.footer-nav-box{border-radius:14px;margin:2rem auto 1.5rem}.city-row{display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem;align-items:center}.city-row__title{grid-column:1/-1;font-weight:700;font-size:1.13rem;color:#3c3d4b;display:flex;flex-wrap:wrap;gap:.35rem;align-items:baseline}.city-row__title .city-desc{font-weight:500;font-size:.98rem;color:#3c3d4b}.city-row__title .city-score{font-weight:600;font-size:.78rem;color:#6b6e7b}.city-row__meta{grid-column:1/-1;font-size:.92rem;color:#6b6e7b;min-height:1.4em}.city-row__values{grid-column:1/-1;display:flex;gap:1.1rem;align-items:center}.card-group-list .city-row+.city-row{border-top:1px solid #e9edf4;margin-top:.85rem;padding-top:.85rem}.city-row .card-close{display:block;position:absolute;top:0;right:0}.city-row .remove-first{position:absolute;top:-.5rem;right:0;display:block}.city-row .remove-other{position:absolute;top:0;right:0;display:block}.about-card{max-width:500px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:1.5rem 1.25rem;text-align:left;font-size:1.05rem;line-height:1.65;color:#222;transition:box-shadow .2s}.about-card h2{margin-top:0;font-size:1.2rem;font-weight:700;color:#365c1c}.about-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.13)}footer{position:static;width:100%;z-index:1}.footer-nav-box{background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1rem 1.4rem;max-width:520px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem 1.6rem;text-align:center}.footer-links a{color:#36602d;font-weight:600;font-size:.95rem;text-decoration:none}.medal{width:1.8rem;height:1.8rem;border-radius:50%;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;margin-right:.2rem;margin-top:.2rem;display:flex;color:#fff;text-shadow:0 2px 8px rgba(60,70,120,.15),0 0 6px rgba(0,0,0,.11);border:.18em solid rgba(255,255,255,.38);box-shadow:0 4px 16px rgba(80,60,20,.1),inset 0 2px 14px rgba(60,40,10,.08);background:#bbb;top:-.6rem;left:-.4rem}.medal span{line-height:1;z-index:1}.medal.gold{background:linear-gradient(135deg,var(--gold) 70%,var(--goldGrade) 100%);border-color:#ffeab3;box-shadow:0 4px 16px rgba(255,196,59,.13),inset 0 2px 14px rgba(200,160,40,.18)}.medal.silver{background:linear-gradient(135deg,var(--silver) 70%,var(--silverGrade) 100%);border-color:#f3f7fa;box-shadow:0 4px 16px rgba(180,190,200,.16),inset 0 2px 14px rgba(170,170,170,.12)}.medal.bronze{background:linear-gradient(135deg,var(--bronze) 70%,var(--bronzeGrade) 100%);border-color:#ffe0bb;box-shadow:0 4px 16px rgba(210,140,50,.14),inset 0 2px 14px rgba(180,100,30,.17)}.ad-slot{background:#f3f3f3;border:1px solid #d1d1d1;border-radius:8px;margin:0 auto;display:none;justify-content:center;align-items:center;text-align:center;color:#666;font-size:1rem;font-family:inherit;min-height:30px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.ad-leaderboard{width:728px;height:90px;margin-bottom:16px;min-height:90px}.ad-mobile-banner{width:300px;height:100px;margin-bottom:16px;min-height:100px}.ad-large-skyscraper{width:300px;height:600px;min-height:600px}.ad-medium-rectangle{width:250px;height:250px;min-height:250px}.footer-ad{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:24px}.modal{position:fixed;inset:0;background:rgba(40,60,100,.16);display:none;align-items:center;justify-content:center;padding:16px;z-index:1001}.modal-content,.modal-header{background:#fff;display:flex}.modal-content{border-radius:16px;width:calc(100% - 32px);max-width:532px;min-width:300px;box-shadow:0 8px 40px rgba(80,120,160,.14);flex-direction:column;max-height:calc(100vh - 32px);overflow:hidden}.modal-header{align-items:center;justify-content:space-between;position:static;border-bottom:0;margin:0 0 1.1rem;padding:1.1rem 1.7rem 0}.modal-title{font-weight:700;font-size:1.15rem;color:#36602d;display:flex;align-items:center}.modal-close{font-size:1.6rem;color:#aab2c3;background:0 0;border:none;cursor:pointer;line-height:1;padding:.2rem .3rem}.modal-body{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 1.7rem 1.6rem}.ranking-chart-placeholder{min-height:320px;content-visibility:auto;contain:layout paint;contain-intrinsic-size:1 320px}.ranking-info-box{background:#f5f9ff;border-radius:9px;color:#234;font-size:.98rem;padding:.8rem 1rem;margin-bottom:1.1rem}.ranking-info-box b{color:#3c3d4b}.ranking-bottom-row{text-align:center;color:#818c9c;font-size:.93rem}.icon-line{display:grid;grid-template-columns:1.6em 1fr;column-gap:.5em;align-items:start;margin-bottom:.35rem}.icon-line .icon{font-size:1.1em;line-height:1;transform:translateY(.08em)}.icon-line .text{line-height:1.45}.ranking-factors-card,.ranking-graph-card{background:#fff;border:1px solid #e6ebf2;border-radius:10px;box-shadow:0 2px 10px rgba(70,100,140,.06);padding:10px 12px}.ranking-factors-card .ranking-factors-title,.ranking-graph-card .ranking-chart-title{font-weight:700;font-size:.98rem;color:#3c3d4b;margin-bottom:6px}.ranking-factors-card .minibar-row{display:grid;grid-template-columns:120px 1fr max-content;align-items:center;gap:8px;margin:6px 0}.ranking-factors-card .minibar-track{height:10px;background:#e5e7eb;border-radius:999px}.ranking-factors-card .minibar-fill{height:100%;border-radius:999px;background:var(--accent)}.ranking-factors-card .minibar-value{text-align:right;font-variant-numeric:tabular-nums;color:#3c3d4b;white-space:nowrap}.footer-ad-spacer{height:0}@media (min-width:900px){.ad-large-skyscraper,.ad-leaderboard{display:flex}}@media (max-width:899px){body.modal-open{overflow:hidden;touch-action:none}.ad-medium-rectangle,.ad-mobile-banner{display:flex}#rangeSlider-max,#rangeSlider-min,.spanslider-max,.spanslider-min{width:4.5ch}.modal{padding:0}.modal-content{width:100%;max-width:none;height:100dvh;max-height:none;border-radius:0}.modal-header{position:sticky;top:env(safe-area-inset-top,0);z-index:1;border-bottom:1px solid #e6ebf2;margin:0;padding:1.1rem 1.2rem}.modal-body{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0))}}@media (max-width:728px){.ad-leaderboard{width:100vw;max-width:100%;min-width:300px;height:70px;font-size:.95rem}}@media (min-width:720px){.ranking-grid{grid-template-columns:1.35fr 1fr;align-items:start}}@media (max-width:650px){.main-content{padding:.8rem .2rem .1rem;margin-top:1.1rem}.footer-nav-box{margin:1.5rem 1rem}h1{font-size:2.2rem}.ranking-chart-placeholder{min-height:260px;contain-intrinsic-size:1 260px}.search-wrap{margin-left:.8rem;margin-right:.8rem}.search-icon{margin-left:.2rem}.view-switch-row{flex-direction:row;justify-content:space-between;align-items:center;min-height:2.6rem;padding-left:.8rem}.view-switch{justify-content:flex-start;width:auto;flex:1 1 auto;gap:.32rem}.info-btn{position:static;transform:none;margin-left:.7rem;margin-right:.8rem;align-self:auto;width:2rem;height:2rem;font-size:1.1rem;flex-shrink:0}.about-card,.weather-list{margin-left:.8rem;margin-right:.8rem}.view-switch button{font-size:.98rem;padding:.45rem .7rem}.weather-list{gap:.7rem}.weather-card{padding:.9rem .8rem;align-items:stretch;width:100%;box-sizing:border-box}.about-card{padding:1rem .8rem;font-size:.98rem}}@media (max-width:340px){.ad-mobile-banner{width:98vw;min-width:180px}}