@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#19343e;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input,summary{cursor:pointer}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #468c8c;outline-offset:4px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #e0e7e2;background:#fbfcf9}.brand{text-decoration:none;display:flex;align-items:center;gap:13px;font-family:Manrope,system-ui;font-weight:800;font-size:23px;line-height:1.2;letter-spacing:-.7px}.brand-icon{font-size:44px;color:#67938b;font-weight:400;line-height:1}.brand-sub{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:3.1px;margin-top:6px;color:#799086}.header-caption{font-size:13px;color:#7a8c8d}.quiet{border:1px solid #dbe3dd;border-radius:8px;background:#fff;padding:10px 14px;color:#3e5b5c;font-size:12px;display:inline-flex;gap:8px;align-items:center}.quiet:hover{background:#edf2ed}main{display:grid;grid-template-columns:320px 1fr;height:calc(100dvh - 94px);min-height:640px}aside{padding:38px 30px 24px 40px;overflow:auto;background:#fafbf8;border-right:1px solid #e0e7e2}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:#6c8580;display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5e9b8a}.eyebrow .status-dot{box-shadow:0 0 0 4px #5e9b8a15}h1{font-family:Manrope,system-ui;font-size:29px;line-height:1.28;letter-spacing:-1.2px;font-weight:600;margin:23px 0 15px}.intro{font-size:13px;line-height:1.7;color:#7d8d8c;margin:0 0 25px}.time-card{background:#eef3ed;border:1px solid #e0e7dc;border-radius:12px;padding:17px 21px;display:flex;flex-direction:column;gap:3px}.time-card>span:first-child{font-size:12px;color:#617d72}.time-card strong{font-family:Manrope,system-ui;font-size:42px;font-weight:500;letter-spacing:-1.6px}.time-card>span:last-child{font-size:11px;color:#70847c}.legend{margin:27px 0 23px}.legend h2{font-size:12px;font-weight:600;margin:0 0 16px}.legend>div{display:flex;align-items:center;gap:11px;font-size:12px;margin:13px 0}.legend i{width:11px;height:11px;border-radius:3px}.legend b{margin-left:auto;font-size:11px;font-weight:400;color:#81908b}.legend p{font-size:10px;line-height:1.7;color:#89948e;margin-top:17px}details{border-top:1px solid #e1e7de;border-bottom:1px solid #e1e7de;padding:16px 0;font-size:11px;color:#627970}summary{font-weight:600}details p{line-height:1.8}.source{margin-top:24px;font-size:10px;color:#8a9790;line-height:1.5}.source>span{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#768b80}.source p{margin:5px 0}.source a{text-underline-offset:3px}.map-shell{position:relative;overflow:hidden;background:#e2eceb}#map{height:100%;width:100%;background:#e4eeed}.leaflet-container{font-family:'DM Sans',system-ui;background:#e5efed}.leaflet-control-zoom{border:1px solid #dbe2db!important;box-shadow:0 3px 16px #203c3710!important;border-radius:9px!important;overflow:hidden}.leaflet-control-zoom a{color:#3e5b5c!important;background:#fffefb!important}.leaflet-top.leaflet-right{top:20px;right:14px}.leaflet-control-attribution{font-size:8px!important;background:#ffffffbd!important}.map-tag{position:absolute;z-index:450;top:24px;left:25px;display:flex;align-items:center;gap:9px;padding:11px 15px;background:#ffffffee;border:1px solid #dce5dd;border-radius:8px;font-size:11px;color:#3a5758;box-shadow:0 3px 15px #17342e05}.map-tag>span:not(.status-dot){color:#a8b5ac}.map-fit{position:absolute;top:108px;right:24px;z-index:450;width:33px;height:33px;border:1px solid #dbe2db;border-radius:8px;background:#fffefb;color:#3e5b5c;font-size:23px}.timeline{position:absolute;z-index:450;bottom:35px;left:30px;right:30px;max-width:1000px;margin:auto;padding:21px 25px 13px;border:1px solid #e1e6dd;border-radius:14px;background:#fffefbf5;box-shadow:0 12px 50px #23493c13;backdrop-filter:blur(12px)}.timeline-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.timeline-top .eyebrow{font-size:8px;letter-spacing:1.6px}.timeline h2{font-size:15px;font-weight:500;margin:6px 0 0}.timeline .quiet{font-size:10px;border:0;background:#eff3ec;padding:8px 11px}.slider-row{display:flex;align-items:flex-start;gap:17px}.play{border:0;background:#254b4b;color:#fffefb;border-radius:50%;height:40px;min-width:40px;font-size:12px;box-shadow:0 3px 7px #254b4b20}.play:hover{background:#386462}.play:disabled{opacity:.4}.range-wrap{width:100%;padding-top:8px}input[type=range]{width:100%;margin:0;accent-color:#3e7770;height:7px;display:block;appearance:none;border-radius:6px;background:linear-gradient(to right,#6e9c8c 0%,#e4e9e0 0%)}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#386d65;border:3px solid #fff;box-shadow:0 0 0 1px #386d6540}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:3px solid white;border-radius:50%;background:#386d65}.ticks{display:flex;justify-content:space-between;font-size:9px;color:#8b988f;margin-top:12px}output{font-size:11px;white-space:nowrap;min-width:40px;text-align:right;padding-top:9px;color:#536f65}.timeline-note{border-top:1px solid #edf0e8;margin:13px 0 0;padding-top:10px;font-size:9px;color:#92a096;display:flex;justify-content:space-between;gap:15px}.notice{position:absolute;z-index:500;top:75px;left:25px;max-width:420px;right:70px;background:#fffcf2eF;border:1px solid #e4d4a8;border-radius:8px;color:#7b6433;font-size:11px;padding:12px 15px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.leaflet-popup-content{line-height:1.8;font-size:12px;min-width:190px}.popup-heading{font-size:15px;font-weight:600;color:#254b4b;margin-bottom:6px}.popup-row{display:flex;justify-content:space-between;gap:24px}.popup-row span{color:#7b8c83}.popup-foot{font-size:9px;color:#8b968f;border-top:1px solid #eee;margin-top:9px;padding-top:7px}
@media(min-width:1550px){main{grid-template-columns:360px 1fr}aside{padding:45px 40px}h1{font-size:33px}.timeline{bottom:40px}}
@media(max-width:850px){header{height:72px;padding:0 20px}.header-caption{display:none}.brand{font-size:20px}.brand-icon{font-size:36px}main{grid-template-columns:250px 1fr;height:calc(100dvh - 72px);min-height:650px}aside{padding:28px 21px}h1{font-size:24px}.timeline{left:15px;right:15px;bottom:28px;padding:17px}.map-tag{left:15px;font-size:10px}.timeline-note span{display:none}.slider-row{gap:10px}}
@media(max-width:600px){body{overflow:hidden}header{height:65px;padding:0 16px}.brand-sub{font-size:7px;letter-spacing:2px}.brand{font-size:18px}header .quiet{padding:8px 11px}main{display:block;min-height:0;height:calc(100dvh - 65px)}aside{position:absolute;z-index:460;top:82px;left:15px;padding:12px 15px;width:147px;border:1px solid #dce5dd;border-radius:10px;background:#fffefbf0;max-height:none;overflow:visible;box-shadow:0 3px 15px #17342e05}aside>.eyebrow,aside h1,.intro,details{display:none}.time-card{border:0;background:none;padding:0;gap:2px}.time-card>span:first-child{font-size:10px}.time-card strong{font-size:30px}.time-card>span:last-child{font-size:10px}.legend{margin:13px 0 0;border-top:1px solid #e5e9e0;padding-top:9px}.legend h2,.legend p,.legend b{display:none}.legend>div{font-size:10px;margin:6px 0;gap:7px}.legend i{width:8px;height:8px}.source{font-size:8px;margin-top:13px;line-height:1.3}.source>span{font-size:7px;letter-spacing:.5px}.source p{margin:5px 0}.map-shell{height:100%}.map-tag{display:none}.timeline{bottom:28px;left:12px;right:12px;padding:15px 14px 10px}.timeline h2{font-size:13px}.timeline-top{margin-bottom:17px}.timeline-note{font-size:8px}.notice{top:auto;bottom:200px;left:12px;right:12px;font-size:10px}.map-fit{right:24px}.leaflet-control-attribution{max-width:100%;font-size:7px!important}.ticks{font-size:8px}.play{height:36px;min-width:36px}output{font-size:10px;min-width:34px}.timeline-top .eyebrow{font-size:7px}}
.base-tile{filter:saturate(.17) brightness(1.035)}
.hotspots{border-top:1px solid #e1e7de;padding-top:17px;margin:0 0 22px}.hotspots h2{font-size:12px;font-weight:600;margin:0 0 12px}.hotspots h2>span{display:block;color:#8b9991;font-size:10px;font-weight:400;margin-top:3px}.hotspots p{font-size:11px;color:#7b8c82;line-height:1.65}.hotspot-note{font-size:9px!important;margin-bottom:0}.area-choice{display:block;text-align:left;width:100%;border:1px solid #dce6dc;background:#eef4ec;border-radius:7px;padding:9px 11px;margin:7px 0;color:#2b5650}.area-choice:hover{background:#dfecdf}.area-choice span{display:block;font-size:11px;font-weight:600}.area-choice small{font-size:9px;display:block;color:#779085;margin-top:4px}.area-marker{background:#315f59;color:white;font-size:10px;font-weight:600;text-align:center;line-height:20px;border:1px solid white;border-radius:50%;box-shadow:0 2px 6px #28483d30}.check-panel[hidden]{display:none}.check-panel{position:absolute;z-index:490;top:20px;right:70px;bottom:215px;width:370px;overflow:auto;padding:24px;background:#fffefbf8;border:1px solid #dce4db;border-radius:12px;box-shadow:0 10px 40px #29443c25;backdrop-filter:blur(10px)}.close-check{position:absolute;top:9px;right:10px;border:0;background:none;font-size:24px;color:#73877c;line-height:1}.check-panel>.eyebrow{font-size:8px;letter-spacing:1.4px}.check-panel h2{font-size:20px;font-family:Manrope,system-ui;line-height:1.4;margin:16px 0 5px;font-weight:600;letter-spacing:-.6px}.check-panel h3{font-size:11px;margin:22px 0 9px}.check-panel p{font-size:11px;line-height:1.75;color:#7f8d84}#check-location{font-size:10px;margin:0 0 17px}.agreement{border-radius:7px;background:#eef2eb;border:1px solid #dbe4da;padding:12px}.agreement b{display:block;font-size:12px;color:#3c6758}.agreement span{display:block;font-size:10px;line-height:1.6;color:#779082;margin-top:5px}.agreement.mixed{background:#fbf5e8;border-color:#eddfc0}.agreement.mixed b{color:#91733c}.agreement.unknown{background:#f1f0ed;border-color:#dfdfd6}.agreement.unknown b{color:#8b8980}.check-panel table{border-collapse:collapse;width:100%;font-size:10px;text-align:left}.check-panel th{font-size:9px;font-weight:400;color:#8a978d;padding:7px 3px;border-bottom:1px solid #e3e9df}.check-panel td{padding:10px 3px;vertical-align:top;border-bottom:1px solid #eef0e9}.check-panel td:nth-child(2){white-space:nowrap;font-weight:600}.check-panel td small{display:block;font-size:8px;color:#92a092;margin-top:3px}.check-panel .check-small{font-size:9px;line-height:1.75;color:#89988d}.check-panel .check-warning{background:#fbf4e6;border-radius:6px;padding:9px 11px;color:#8f7544;font-size:10px}.measurement{border-top:1px solid #e5e9df;padding:12px 0;display:grid;grid-template-columns:1fr auto;gap:4px}.measurement strong{font-size:11px;font-weight:600}.measurement>div>span{font-size:9px;color:#90a091;display:block;margin-top:3px}.measurement>b{font-size:12px;color:#537964}.measurement>span{grid-column:1/-1;font-size:10px;color:#728d7b}.measurement details{grid-column:1/-1;border:0;padding:6px 0 0;font-size:9px}.measurement details p{word-break:break-word;font-size:9px}.practical{background:#edf3ec;border-left:2px solid #749c80;border-radius:3px;padding:11px;font-size:10px!important;color:#5a7960!important}.check-panel .quiet{font-size:10px;padding:8px 12px}.legend>div span{font-size:11px}
@media(max-width:850px){.check-panel{right:15px;width:340px;bottom:215px}.hotspots{margin-bottom:17px}}
@media(max-width:600px){aside{width:168px;max-height:calc(100dvh - 310px);overflow:auto}.source{display:none}.hotspots{padding-top:10px;margin:12px 0 0}.hotspots h2{font-size:10px}.hotspots h2 span{font-size:8px}.hotspots p{font-size:9px}.hotspot-note{display:none}.area-choice{padding:7px;margin:5px 0}.area-choice span{font-size:9px}.area-choice small{font-size:8px}.legend>div span{font-size:9px}.check-panel{top:15px;bottom:213px;left:12px;right:12px;width:auto;padding:21px}.check-panel h2{font-size:19px}.check-panel .eyebrow{display:flex}}
#map{isolation:isolate}.close-check{z-index:1}

@media(max-width:600px){.legend p{display:block;font-size:8px;line-height:1.5;margin:8px 0 0}.legend p br{display:none}.legend p{font-size:0}.legend p strong{font-size:8px;display:block}}
.header-actions{display:flex;align-items:center;gap:9px}#selected-count{font-size:10px;line-height:1;padding:4px 5px;border-radius:4px;background:#edf3eb;color:#547866}.models-panel[hidden]{display:none}.models-panel{position:fixed;top:82px;right:42px;z-index:2000;width:330px;max-height:calc(100dvh - 105px);overflow:auto;padding:23px;background:#fffefbf9;border:1px solid #dce5db;border-radius:13px;box-shadow:0 12px 50px #23493c25;backdrop-filter:blur(14px)}.models-heading{position:relative;display:flex;align-items:center;justify-content:space-between}.models-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.models-heading h2{font-family:Manrope,system-ui;font-size:22px;letter-spacing:-.7px;font-weight:600;margin:8px 0 0}.models-heading .close-check{top:0;right:0}.models-panel>p{font-size:11px;color:#7a8d80;line-height:1.7;margin:13px 0 5px}.model-option{position:relative;display:grid;grid-template-columns:1fr 34px;align-items:center;gap:14px;border-bottom:1px solid #e6ebe1;padding:16px 0;cursor:pointer}.model-option strong{font-size:12px;font-weight:500;display:block;color:#31564c}.model-option small{display:block;font-size:9px;color:#8a9d8b;margin-top:5px}.model-option .unavailable{color:#b28b49}.model-option input{position:absolute;right:0;width:34px;height:22px;margin:0;opacity:0;z-index:2;cursor:pointer}.model-switch{display:block;width:34px;height:20px;border-radius:12px;background:#d4dfd3;transition:background .15s}.model-switch:after{content:'';display:block;background:#fffefb;width:16px;height:16px;border-radius:50%;margin:2px;box-shadow:0 1px 3px #2c493525;transition:transform .15s}.model-option input:checked+.model-switch{background:#507d66}.model-option input:checked+.model-switch:after{transform:translateX(14px)}.model-option input:focus-visible+.model-switch{outline:3px solid #468c8c;outline-offset:4px}.models-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;font-size:10px;color:#66836c}.models-footer .quiet{font-size:9px;padding:7px 10px}.models-panel .models-help{font-size:9px;line-height:1.7;color:#95a291;margin:15px 0 0}
@media(max-width:850px){.models-panel{right:20px;top:65px}}
@media(max-width:600px){.header-actions{gap:7px}header #refresh{padding:8px 10px}header #refresh span{display:none}header #models-toggle{font-size:10px;gap:6px;padding:8px 9px}.models-panel{top:74px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 100px)}.models-panel .eyebrow{display:flex}}
/* Keep every persistent control in the left column. */
:root{--left-width:320px;--left-header-height:76px}body{height:100dvh;overflow:hidden}.app-layout{display:grid;grid-template-columns:var(--left-width) minmax(0,1fr);height:100dvh;min-height:0}.left-column{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid #dfe7dd;background:#fafbf8}header{height:var(--left-header-height);min-height:var(--left-header-height);padding:0 16px;flex-shrink:0;gap:8px}.header-caption{display:none}.brand{font-size:18px;letter-spacing:-.5px;gap:8px}.brand-icon{font-size:30px}.brand-sub{font-size:7px;letter-spacing:2.2px;margin-top:4px}.header-actions{gap:6px}header .quiet{font-size:10px;padding:8px 9px}header #refresh span{display:none}header #refresh{padding:8px 10px}aside{position:static;flex:1;min-height:0;max-height:none;width:auto;padding:24px 24px 25px;overflow:auto;border-right:0;border-radius:0;box-shadow:none}h1{font-size:23px;line-height:1.2;margin:15px 0 10px}.intro{font-size:12px;line-height:1.6;margin:0 0 17px}.time-card{padding:14px 17px}.time-card strong{font-size:36px}.timeline{position:static;inset:auto;max-width:none;margin:17px 0 23px;padding:16px 13px 12px;border-radius:10px;background:#f3f6ef;box-shadow:none;backdrop-filter:none}.timeline-top{gap:8px;margin-bottom:16px}.timeline h2{font-size:12px;line-height:1.5;margin-top:5px}.timeline .quiet{font-size:9px;padding:6px 8px;background:#e5ede0}.slider-row{display:grid;grid-template-columns:1fr auto;gap:11px}.range-wrap{grid-column:1/-1;grid-row:1;padding-top:4px}.ticks{font-size:8px;margin-top:10px}.play{grid-column:1;grid-row:2;height:34px;min-width:34px;width:34px;font-size:11px}output{grid-column:2;grid-row:2;align-self:center;padding:0;font-size:10px;min-width:40px}.timeline-note{font-size:8px;line-height:1.6;margin-top:10px;padding-top:8px;display:block}.sunrise-info{font-size:9px;line-height:1.6;color:#8b927b;margin:8px 0 0}.map-shell{height:100dvh;min-width:0;min-height:0}.check-panel{bottom:20px}.models-panel{top:66px;left:13px;right:auto;width:294px;max-height:calc(100dvh - 85px)}
@media(min-width:1550px){:root{--left-width:360px}aside{padding-left:32px;padding-right:32px}.models-panel{left:20px;width:320px}}
@media(max-width:850px) and (min-width:601px){:root{--left-width:270px}header{padding:0 12px}.brand{font-size:16px;gap:6px}.brand-icon{font-size:24px}.header-actions{gap:4px}header .quiet{font-size:9px;padding:7px}.models-panel{left:12px;width:290px}aside{padding:21px 18px}}
@media(max-width:600px){:root{--left-width:clamp(156px,36vw,190px);--left-header-height:108px}.app-layout{height:100dvh;min-height:0;display:grid;grid-template-columns:var(--left-width) minmax(0,1fr)}header{height:var(--left-header-height);padding:12px 12px 10px;flex-wrap:wrap;align-content:center;gap:10px}.brand{font-size:16px;gap:7px}.brand-icon{font-size:25px}.brand-sub{font-size:6px;letter-spacing:1.8px}.header-actions{width:100%;justify-content:space-between;gap:4px}header #models-toggle{padding:6px 7px;font-size:9px;gap:5px}header #refresh{padding:6px 8px;font-size:10px}#selected-count{font-size:8px;padding:3px 4px}aside{position:static;z-index:auto;min-height:0;max-height:none;width:auto;padding:15px 10px 20px;overflow:auto;background:#fafbf8;border:0;border-radius:0;box-shadow:none}.time-card{padding:0;background:none;border:0}.time-card strong{font-size:29px}.time-card>span:first-child{font-size:9px;line-height:1.5}.time-card>span:last-child{font-size:9px;line-height:1.5}.timeline{position:static;inset:auto;margin:13px 0 17px;padding:13px 9px 10px;border-radius:8px}.timeline-top{gap:4px;margin-bottom:14px}.timeline-top .eyebrow{font-size:6px;letter-spacing:1px}.timeline h2{font-size:10px;line-height:1.4}.timeline .quiet{font-size:8px;padding:5px 6px}.slider-row{gap:11px}.ticks{font-size:7px}.play{height:29px;width:29px;min-width:29px}.range-wrap{padding:4px 0 0}output{font-size:9px}.timeline-note{font-size:7px;line-height:1.6}.sunrise-info{font-size:8px;line-height:1.6}.map-shell{height:100dvh}.legend{margin:15px 0 18px}.legend>div{gap:6px}.legend>div span{font-size:8px}.legend i{width:7px;height:7px}.hotspots h2{font-size:9px}.area-choice{padding:7px 6px}.area-choice span{font-size:8px}.area-choice small{font-size:7px;line-height:1.5}.check-panel{position:fixed;left:12px;right:12px;top:16px;bottom:16px;width:auto;max-height:none}.models-panel{left:12px;right:auto;top:101px;width:min(330px,calc(100vw - 24px));max-height:calc(100dvh - 118px)}.notice{left:10px;right:10px;top:16px;bottom:auto;font-size:9px;max-width:none}.leaflet-top.leaflet-right{top:12px;right:4px}.map-fit{top:98px;right:14px}}
#sunrise-time{display:block;font-size:12px;font-weight:600;line-height:1.6}@media(max-width:600px){#sunrise-time{font-size:10px}}
@media(max-width:600px){}

.period-control{display:grid;gap:6px;margin-bottom:16px}.period-control label{font-size:10px;color:#6b8375;font-weight:600}.period-control select{width:100%;min-width:0;border:1px solid #d4dfce;border-radius:7px;background:#fffefb;color:#375c4d;font:inherit;font-size:11px;line-height:1.5;padding:9px 7px;cursor:pointer}.sunrise-summary{margin-top:14px;padding:10px 9px;border:1px solid #e1ddc3;border-radius:7px;background:#faf7e9;color:#7b7345}.sunrise-summary .sunrise-info{margin:3px 0 0}@media(max-width:600px){.period-control{margin-bottom:13px;gap:5px}.period-control label{font-size:8px}.period-control select{font-size:9px;padding:8px 3px}.sunrise-summary{padding:8px 6px;margin-top:12px}}
@media(max-width:420px){:root{--left-width:168px}.period-control select{font-size:9px;padding-left:2px;padding-right:2px}}
.brand-icon{display:block;width:32px;height:32px;flex:0 0 32px;object-fit:contain}@media(max-width:850px){.brand-icon{width:28px;height:28px;flex-basis:28px}}
.models-panel{width:min(350px,calc(100vw - 26px))}.model-item{border-bottom:1px solid #e6ebe1;padding-bottom:14px}.model-item .model-option{border:0;padding:15px 0 8px}.model-load{font-size:10px;line-height:1.6}.model-load-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#627e71;font-weight:500}.model-load-heading b{font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}.model-load[data-tone=waiting] .model-load-heading{color:#9d7a36}.model-load[data-tone=loading] .model-load-heading{color:#397771}.model-load progress{appearance:none;display:block;width:100%;height:4px;border:0;border-radius:4px;overflow:hidden;margin:7px 0;background:#e7ece2}.model-load progress[hidden]{display:none}.model-load progress::-webkit-progress-bar{background:#e7ece2}.model-load progress::-webkit-progress-value{background:#67938b;transition:width .3s}.model-load progress::-moz-progress-bar{background:#67938b}.model-load[data-tone=waiting] progress::-webkit-progress-value{background:#bca269}.model-load .model-load-detail,.model-load .model-load-cache{font-size:9px;line-height:1.6;margin:4px 0 0;color:#8b978c}.model-load .model-load-detail:empty{display:none}.model-load .model-load-cache{color:#728879}.notice{top:24px}.forecast-progress .progress-models[hidden]{display:none}@media(max-width:600px){.models-panel{width:min(350px,calc(100vw - 24px))}.model-item{padding-bottom:12px}.notice{top:16px}}
.forecast-age{font-size:10px;color:#6b8375;line-height:1.6;margin:9px 1px 0}.forecast-progress{background:#fffefbf7;color:#365952;max-width:440px;border-color:#d4dfce;box-shadow:0 8px 28px #23493c12}.progress-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}.progress-heading strong{font-size:12px;font-weight:600}.progress-percent{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.forecast-progress progress{appearance:none;border:0;width:100%;height:6px;margin:12px 0 3px;display:block;border-radius:5px;overflow:hidden;background:#e5ebe2}.forecast-progress progress::-webkit-progress-bar{background:#e5ebe2}.forecast-progress progress::-webkit-progress-value{background:#67938b;transition:width .4s}.forecast-progress progress::-moz-progress-bar{background:#67938b}.progress-detail{font-size:10px;line-height:1.6;margin:9px 0 12px;color:#6c8379}.progress-models{display:grid;gap:6px}.progress-models>div{display:flex;justify-content:space-between;gap:9px;padding:5px 8px;background:#f1f5ed;border-radius:5px;font-size:10px}.progress-models small{font-size:9px;color:#84948b;white-space:nowrap;font-variant-numeric:tabular-nums}.progress-models .received small{color:#397771}.progress-foot{font-size:9px;line-height:1.6;margin:11px 0 0;padding-top:9px;border-top:1px solid #e5eadf;color:#819087}.light-card{padding:15px 12px;background:#f7f4e9;border:1px solid #e7e0c9;border-radius:9px;margin-bottom:21px}.light-card h2{font-size:12px;margin:0 0 11px;font-weight:600}.layer-options{display:flex;gap:15px;font-size:11px}.layer-options label{display:flex;align-items:center;gap:5px;cursor:pointer}.layer-options input{accent-color:#567d68;margin:0}.light-card p{font-size:10px;line-height:1.7;color:#807a5f;margin:10px 0}.light-card .light-key{font-size:9px;color:#9a9277}.light-card .quiet{font-size:10px;padding:7px 9px;background:#fffdf6;border-color:#e4dec9}.sun-marker{display:grid;place-items:center;font:24px/1 system-ui,sans-serif;border-radius:50%;text-shadow:0 1px 3px #fff;background:#fffdf0bf;color:#c89331;box-shadow:0 1px 6px #51472e15}.sun-marker.cloudy{color:#879491;font-size:19px;background:#fafcfbc7}.sun-marker.uncertain{opacity:.65}.sun-marker.with-fog{border:2px solid #397771;background:#fbf5c9;opacity:1}.photo-light{margin-top:16px;padding:0 12px 8px;border-radius:8px;border:1px solid #e7e0c9;background:#fbf8ee}.photo-light>strong{font-size:12px;color:#8d733c}.photo-light .sun-events{font-size:10px}.photo-windows{padding:0;list-style:none;margin:0}.photo-windows li{padding:9px 0;border-top:1px solid #e9e4d7}.photo-windows strong{display:block;font-size:11px;color:#6d794d}.photo-windows span{display:block;font-size:10px;line-height:1.6;color:#8a8b70;margin-top:3px}
@media(max-width:600px){.forecast-age{font-size:8px;line-height:1.5}.forecast-progress{left:8px;right:8px;padding:10px 8px}.progress-heading{gap:5px;align-items:flex-start}.progress-heading strong{font-size:10px;line-height:1.5}.progress-percent{font-size:10px}.progress-detail{font-size:8px;margin:7px 0}.progress-models>div{display:block;padding:5px 6px;font-size:9px}.progress-models small{display:block;font-size:8px;margin-top:2px}.progress-foot{font-size:8px}.light-card{padding:10px 7px;margin-bottom:15px}.light-card h2{font-size:10px}.layer-options{gap:8px;font-size:8px;flex-wrap:wrap}.light-card p{font-size:8px}.light-card .light-key{font-size:7px}.light-card .quiet{font-size:8px;padding:6px}.photo-light{padding:0 9px 8px}}

.models-panel .models-notice{font-size:10px;line-height:1.6;padding:10px 12px;margin:14px 0 0;background:#f3f6ef;border-radius:7px;color:#627e71}.models-notice[hidden]{display:none}