/* ================= Photo conditions ================= */
body.mfw .mf-cond{background:var(--mf-ink);color:var(--mf-bone);font-family:var(--mf-sans);padding:clamp(110px,16vh,160px) 0 clamp(64px,10vh,120px)}
body.mfw .mf-cond *{box-sizing:border-box}
body.mfw .mf-cond-head{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:end;padding:0 var(--mf-gutter) clamp(32px,5vh,56px);border-bottom:1px solid var(--mf-line)}
@media (min-width:1000px){body.mfw .mf-cond-head{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
body.mfw .mf-cond-head .mf-p-intro{margin-top:18px}
body.mfw .mf-cond-where{display:flex;flex-direction:column;gap:10px}
body.mfw .mf-cond-where .row{display:flex;gap:8px;flex-wrap:wrap}
body.mfw .mf-cond-place{height:46px;min-width:220px;flex:1;padding:0 40px 0 14px;background:var(--mf-ink-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23ECE8E0' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat right 14px center/12px;border:1px solid var(--mf-line);border-radius:0;color:var(--mf-bone);font-family:var(--mf-sans);font-size:16px;-webkit-appearance:none;appearance:none}
body.mfw .mf-cond-me{height:46px!important}
body.mfw .mf-cond-me.on{border-color:var(--mf-ice)!important;color:var(--mf-ice)!important}
body.mfw .mf-cond-body{padding:0 var(--mf-gutter)}
body.mfw .mf-cond-loading{padding:40px 0}
body.mfw .mf-c-sec{padding:clamp(40px,6vh,64px) 0;border-bottom:1px solid var(--mf-line)}
body.mfw .mf-c-sec[hidden]{display:none}
body.mfw .mf-c-h{margin:0 0 20px;font-family:var(--mf-display);font-weight:900;text-transform:uppercase;font-size:calc(var(--mf-dk) * clamp(30px,3.4vw,52px));line-height:.95;color:var(--mf-bone)}
body.mfw .mf-c-h .mf-ser{font-size:calc(1em / var(--mf-dk));text-transform:none;letter-spacing:-.02em;color:var(--mf-ice)}
body.mfw .mf-c-h3{margin:32px 0 14px;font-family:var(--mf-mono);font-weight:400;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .mf-c-sub{margin:-8px 0 20px;color:var(--mf-soft);font-size:15px;max-width:70ch}
body.mfw .mf-c-sub b{color:var(--mf-bone);font-weight:500}
/* today */
body.mfw .mf-c-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--mf-line);border:1px solid var(--mf-line)}
body.mfw .mf-c-card{background:var(--mf-ink);padding:20px;display:flex;flex-direction:column;gap:8px}
body.mfw .mf-c-card b{font-family:var(--mf-display);font-weight:700;font-size:calc(var(--mf-dk) * 26px);line-height:1.05;display:flex;align-items:center;gap:10px}
body.mfw .mf-c-card p{margin:0;color:var(--mf-soft);font-size:14px;line-height:1.45}
body.mfw .mf-c-card .mn svg{width:28px;height:28px;display:block}
body.mfw .mf-cond svg .dk{fill:#23272a}
body.mfw .mf-cond svg .lt{fill:var(--mf-bone)}
/* light timeline */
body.mfw .mf-c-timeline{position:relative;padding:0 0 26px;margin-top:30px}
body.mfw .mf-c-timeline .bar{display:flex;height:48px;border:1px solid var(--mf-line)}
body.mfw .mf-c-timeline .sg{display:block;height:100%;min-width:1px}
body.mfw .sg.night,body.mfw .sw.night{background:#090c16}
body.mfw .sg.astro,body.mfw .sw.astro{background:#141b33}
body.mfw .sg.naut,body.mfw .sw.naut{background:#22325c}
body.mfw .sg.blue,body.mfw .sw.blue{background:#3e63a8}
body.mfw .sg.gold,body.mfw .sw.gold{background:#D9A45B}
body.mfw .sg.day,body.mfw .sw.day{background:#BDBAB3}
body.mfw .mf-c-timeline .now{position:absolute;top:-8px;bottom:18px;width:2px;margin-left:-1px;background:var(--mf-bone)}
body.mfw .mf-c-timeline .now i{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-style:normal;font-family:var(--mf-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
body.mfw .mf-c-timeline .ticks{position:absolute;left:0;right:0;bottom:0;height:18px}
body.mfw .mf-c-timeline .ticks span{position:absolute;transform:translateX(-50%);font-family:var(--mf-mono);font-size:10px;color:var(--mf-fog)}
body.mfw .mf-c-timeline .ticks span:first-child{transform:none}
body.mfw .mf-c-timeline .ticks span:last-child{transform:translateX(-100%)}
body.mfw .mf-c-legend{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:10px;font-size:13px;color:var(--mf-soft)}
body.mfw .mf-c-legend .lg{display:flex;align-items:center;gap:8px}
body.mfw .mf-c-legend b{color:var(--mf-bone);font-weight:500}
body.mfw .sw{display:inline-block;width:12px;height:12px;border:1px solid var(--mf-line)}
/* photo forecast */
body.mfw .mf-c-days{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;background:var(--mf-line);border:1px solid var(--mf-line)}
@media (min-width:1000px){body.mfw .mf-c-days{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.mfw .mf-c-day{background:var(--mf-ink);padding:20px 22px;display:flex;flex-direction:column;gap:14px}
body.mfw .mf-c-day h3{margin:0;display:flex;align-items:baseline;justify-content:space-between;font-family:var(--mf-serif);font-style:italic;font-weight:var(--mf-sw);font-size:30px;color:var(--mf-bone)}
body.mfw .mf-c-day .rt{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 12px;align-items:center;padding-top:12px;border-top:1px solid var(--mf-line)}
body.mfw .mf-c-day .rt.past{opacity:.4}
body.mfw .mf-c-day .lb{font-size:15px;color:var(--mf-bone)}
body.mfw .mf-c-day .lb em{font-style:normal;font-family:var(--mf-mono);font-size:11px;color:var(--mf-fog);margin-left:4px}
body.mfw .mf-c-day .wd{font-family:var(--mf-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-soft);min-width:64px;text-align:right}
body.mfw .mf-c-day .rt p{grid-column:1 / -1;margin:0;font-size:13px;line-height:1.45;color:var(--mf-fog)}
body.mfw .dots{display:inline-flex;gap:4px}
body.mfw .dots i{width:9px;height:9px;border-radius:50%;border:1px solid #4A4E4A}
body.mfw .dots i.on{background:var(--mf-bone);border-color:var(--mf-bone)}
body.mfw .dots[data-s="4"] i.on,body.mfw .dots[data-s="3"] i.on{background:var(--mf-rust);border-color:var(--mf-rust)}
body.mfw .dots.na{font-family:var(--mf-mono);color:var(--mf-fog)}
/* aurora */
body.mfw .aur-top{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;background:var(--mf-line);border:1px solid var(--mf-line)}
@media (min-width:1000px){body.mfw .aur-top{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}}
body.mfw .aur-top > div{background:var(--mf-ink);padding:22px;display:flex;flex-direction:column;gap:10px}
body.mfw .verdict b{font-family:var(--mf-serif);font-style:italic;font-weight:var(--mf-sw);font-size:clamp(34px,3.6vw,52px);line-height:1;color:var(--mf-bone)}
body.mfw .verdict.v3 b,body.mfw .verdict.v4 b{color:#8FD6A5}
body.mfw .verdict p{margin:0;color:var(--mf-soft);font-size:15px;line-height:1.55}
body.mfw .kpnow b{font-family:var(--mf-display);font-weight:900;font-size:56px;line-height:1}
body.mfw .kpnow > span:not(.mf-note){font-family:var(--mf-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-soft)}
body.mfw .kpnow .scale{position:relative;height:8px;background:#23272a;margin-top:18px}
body.mfw .kpnow .scale .fill{position:absolute;left:0;top:0;bottom:0}
body.mfw .kpnow .scale .mk{position:absolute;top:-18px;transform:translateX(-50%);font-family:var(--mf-mono);font-size:10px;color:var(--mf-fog)}
body.mfw .kpnow .scale .mk::after{content:"";position:absolute;left:50%;top:16px;width:1px;height:10px;background:var(--mf-fog)}
body.mfw .k0{color:var(--mf-fog)}
body.mfw .k1{color:var(--mf-ice)}
body.mfw .k2{color:#8FD6A5}
body.mfw .k3{color:var(--mf-rust)}
body.mfw .k4{color:#E07A5F}
body.mfw .fill.k0,body.mfw i.k0{background:#5E635E}
body.mfw .fill.k1,body.mfw i.k1{background:var(--mf-ice)}
body.mfw .fill.k2,body.mfw i.k2{background:#8FD6A5}
body.mfw .fill.k3,body.mfw i.k3{background:var(--mf-rust)}
body.mfw .fill.k4,body.mfw i.k4{background:#E07A5F}
body.mfw .swind{gap:18px!important}
body.mfw .swind > div{display:flex;flex-direction:column;gap:4px}
body.mfw .swind b{font-family:var(--mf-display);font-weight:700;font-size:26px}
body.mfw .swind span:not(.mf-note){font-size:14px;color:var(--mf-soft)}
body.mfw .kpc{position:relative;display:flex;align-items:flex-end;gap:4px;height:180px;padding-bottom:22px;border-bottom:1px solid var(--mf-line)}
body.mfw .kpc .kb{position:relative;flex:1;height:100%;display:flex;align-items:flex-end}
body.mfw .kpc .kb.dark{background:rgba(62,99,168,.12)}
body.mfw .kpc .kb i{display:block;width:100%;border-radius:4px 4px 0 0;opacity:.75}
body.mfw .kpc .kb i.obs{opacity:1}
body.mfw .kpc .kb em{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-style:normal;font-family:var(--mf-mono);font-size:10px;color:var(--mf-fog)}
body.mfw .kpc .th{position:absolute;left:0;right:0;border-top:1px dashed #4A4E4A;z-index:1;pointer-events:none;margin-bottom:22px}
body.mfw .kpc .th i{position:absolute;right:0;top:-16px;font-style:normal;font-family:var(--mf-mono);font-size:10px;color:var(--mf-soft);background:var(--mf-ink);padding:0 4px}
body.mfw .kpc .th.t4{bottom:calc((100% - 22px) * .4444)}
body.mfw .kpc .th.t5{bottom:calc((100% - 22px) * .5556)}
body.mfw .kpl{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:13px;color:var(--mf-soft)}
body.mfw .kpl span{display:flex;align-items:center;gap:8px}
body.mfw .sw.dark{background:rgba(62,99,168,.35)}
body.mfw .sw.obs{background:var(--mf-ice)}
body.mfw .sw.fc{background:var(--mf-ice);opacity:.6}
body.mfw .mf-c-help{margin-top:22px;max-width:80ch;color:var(--mf-soft);font-size:15px;line-height:1.6}
body.mfw .mf-c-help summary{cursor:pointer;font-family:var(--mf-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-bone)}
body.mfw .mf-c-help b{color:var(--mf-bone);font-weight:500}
/* tables */
body.mfw .mf-cond .scr{overflow-x:auto;border:1px solid var(--mf-line);scrollbar-width:thin}
body.mfw .mf-cond table{border-collapse:collapse;font-size:13px;min-width:100%}
body.mfw .mf-cond th,body.mfw .mf-cond td{padding:8px 10px;text-align:center;border-bottom:1px solid var(--mf-line);white-space:nowrap;color:var(--mf-bone);font-weight:400;background:transparent}
body.mfw .mf-cond thead th{font-family:var(--mf-mono);font-size:11px;color:var(--mf-fog)}
body.mfw .mf-cond thead th span{display:block;color:var(--mf-rust);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
body.mfw .mf-cond thead th em{display:block;font-style:normal;color:var(--mf-rust)}
body.mfw .mf-cond thead th.nd{border-left:1px solid #4A4E4A}
body.mfw .mf-cond th.rh{position:sticky;left:0;z-index:1;background:var(--mf-ink);text-align:left;font-family:var(--mf-mono);font-size:11px;color:var(--mf-soft);text-transform:uppercase;letter-spacing:.06em}
body.mfw .mf-cond td.sk{white-space:normal;min-width:64px;font-size:11px;line-height:1.25;color:var(--mf-soft)}
body.mfw .mf-cond td.hm{padding:0;min-width:34px;height:26px;background:rgba(236,232,224,calc(var(--v,0) * .85))}
body.mfw .mf-cond td small{display:block;color:var(--mf-fog);font-size:10px}
body.mfw .mf-c-wk th{text-align:left}
body.mfw .mf-c-wk td{text-align:left}
body.mfw .mf-c-wk td.bst{color:var(--mf-rust)}
/* moon */
body.mfw .mgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--mf-line);border:1px solid var(--mf-line)}
body.mfw .mgrid .md{background:var(--mf-ink);padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:6px}
body.mfw .mgrid .md.td{outline:1px solid var(--mf-ice);outline-offset:-1px}
body.mfw .mgrid svg{width:26px;height:26px}
body.mfw .mgrid em{font-style:normal;font-family:var(--mf-mono);font-size:10px;color:var(--mf-fog)}
body.mfw .mf-c-credit{padding-top:28px;max-width:90ch;line-height:1.6;text-transform:none;letter-spacing:.02em}
body.mfw .mf-c-credit a{color:var(--mf-soft)}
@media (min-width:900px){body.mfw .mgrid{grid-template-columns:repeat(14,minmax(0,1fr))}}
body.mfw .sw.obs{background:#8F948F}
body.mfw .sw.fc{background:#8F948F;opacity:.5}
/* ===== v0.12.1: icons, summaries, glance ===== */
body.mfw .mf-cond .ic{width:24px;height:24px;flex:none;display:inline-block;vertical-align:middle;color:var(--mf-bone)}
body.mfw .mf-cond .ic.mn svg{width:100%;height:100%;display:block}
body.mfw .mf-cond .t0{--tc:var(--mf-fog)}
body.mfw .mf-cond .t1{--tc:var(--mf-soft)}
body.mfw .mf-cond .t2{--tc:var(--mf-ice)}
body.mfw .mf-cond .t3{--tc:#8FD6A5}
body.mfw .mf-cond .t4{--tc:#8FD6A5}
/* section summary strip */
body.mfw .mf-c-sum{display:flex;flex-wrap:wrap;gap:1px;background:var(--mf-line);border:1px solid var(--mf-line);margin:0 0 28px}
body.mfw .mf-c-sum .ch{flex:1 1 200px;display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--mf-ink-2)}
body.mfw .mf-c-sum .ch .ic{width:30px;height:30px;color:var(--tc,var(--ac,var(--mf-bone)))}
body.mfw .mf-c-sum .ch span{display:flex;flex-direction:column;gap:3px;min-width:0}
body.mfw .mf-c-sum em{font-style:normal;font-family:var(--mf-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .mf-c-sum b{font-weight:500;font-size:16px;line-height:1.3;color:var(--mf-bone)}
body.mfw .mf-c-sum .ch.t3 b,body.mfw .mf-c-sum .ch.t4 b{color:#8FD6A5}
body.mfw .mf-c-sum .big{flex:2 1 320px;display:flex;align-items:center;gap:18px;padding:20px 22px;background:var(--mf-ink-2);border-left:3px solid var(--tc,var(--mf-fog))}
body.mfw .mf-c-sum .big .ic{width:46px;height:46px;color:var(--tc,var(--mf-bone))}
body.mfw .mf-c-sum .big span{display:flex;flex-direction:column;gap:4px}
body.mfw .mf-c-sum .big b{font-family:var(--mf-serif);font-style:italic;font-weight:var(--mf-sw);font-size:clamp(30px,3vw,42px);line-height:1;color:var(--tc,var(--mf-bone))}
body.mfw .mf-c-sum .big.t0 b,body.mfw .mf-c-sum .big.t1 b{color:var(--mf-bone)}
body.mfw .mf-c-sum .none{flex:1;display:flex;align-items:center;gap:14px;margin:0;padding:16px 18px;background:var(--mf-ink-2);color:var(--mf-soft);font-size:15px}
/* glance strip */
body.mfw .mf-c-glance{padding-top:clamp(28px,4vh,40px)}
body.mfw .mf-c-gl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--mf-line);border:1px solid var(--mf-line)}
body.mfw .mf-c-gl .gl{background:var(--mf-ink-2);padding:20px;display:flex;flex-direction:column;gap:6px;position:relative}
body.mfw .mf-c-gl .gl .ic{width:34px;height:34px;margin-bottom:6px;color:var(--tc,var(--mf-bone))}
body.mfw .mf-c-gl .gl b{font-family:var(--mf-display);font-weight:700;font-size:calc(var(--mf-dk) * 28px);line-height:1.05;color:var(--mf-bone)}
body.mfw .mf-c-gl .gl.t3 b,body.mfw .mf-c-gl .gl.t4 b{color:#8FD6A5}
body.mfw .mf-c-gl .gl.t3,body.mfw .mf-c-gl .gl.t4{box-shadow:inset 0 3px 0 #8FD6A5}
body.mfw .mf-c-gl .gl p{margin:0;color:var(--mf-soft);font-size:13px;line-height:1.4}
/* today cards */
body.mfw .mf-c-card > .ic{width:30px;height:30px;color:var(--tc,var(--mf-bone))}
body.mfw .mf-c-card.t3,body.mfw .mf-c-card.t4{box-shadow:inset 0 3px 0 #8FD6A5}
body.mfw .mf-c-card.t3 b,body.mfw .mf-c-card.t4 b{color:#8FD6A5}
/* sun arc */
body.mfw .mf-c-timeline .sky{position:relative;height:clamp(90px,12vw,150px);margin-bottom:6px}
body.mfw .mf-c-timeline svg.arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
body.mfw .arc .ln{fill:none;stroke:#D9A45B;stroke-width:2;vector-effect:non-scaling-stroke}
body.mfw .arc .hz{stroke:#4A4E4A;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
body.mfw .arc .lbl{display:none}
body.mfw .mf-c-timeline .sundot{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#F2C26B;box-shadow:0 0 0 5px rgba(242,194,107,.18),0 0 24px rgba(242,194,107,.6)}
body.mfw .mf-c-timeline .sundot.below{background:#3e63a8;box-shadow:0 0 0 4px rgba(62,99,168,.2)}
body.mfw .mf-c-timeline .now{top:auto;height:70px;bottom:18px}
/* photo forecast rows */
body.mfw .mf-c-day .rt{grid-template-columns:auto minmax(0,1fr) auto}
body.mfw .mf-c-day .rt > .ic{width:22px;height:22px;color:var(--mf-soft)}
body.mfw .mf-cond .pill{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid var(--mf-line);border-radius:999px;font-family:var(--mf-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-soft);white-space:nowrap}
body.mfw .mf-cond .pill .dots i{width:7px;height:7px}
body.mfw .mf-cond .pill.t3,body.mfw .mf-cond .pill.t4{border-color:var(--mf-rust);color:var(--mf-bone);background:rgba(196,106,61,.12)}
body.mfw .mf-cond .pill.t2{color:var(--mf-bone)}
/* aurora gauge */
body.mfw .kpnow svg.gauge{width:100%;max-width:240px;height:auto;display:block;margin:6px 0 -4px}
body.mfw .gauge path{fill:none;stroke-width:14}
body.mfw .gauge path.k0{stroke:#5E635E}
body.mfw .gauge path.k1{stroke:var(--mf-ice)}
body.mfw .gauge path.k2{stroke:#8FD6A5}
body.mfw .gauge path.k3{stroke:var(--mf-rust)}
body.mfw .gauge path.k4{stroke:#E07A5F}
body.mfw .gauge .needle{stroke:var(--mf-bone);stroke-width:3;stroke-linecap:round}
body.mfw .gauge .hub{fill:var(--mf-bone)}
body.mfw .gauge .gl0{fill:var(--mf-fog);font-family:var(--mf-mono);font-size:11px}
body.mfw .swind > div > .ic{width:26px;height:26px;color:var(--mf-soft)}
/* hourly table */
body.mfw .mf-cond td.sk{text-align:center}
body.mfw .mf-cond td.sk .ic{width:22px;height:22px;color:var(--mf-soft)}
body.mfw .mf-cond td.wet{color:#8FB4E0;background:rgba(62,99,168,.18)}
/* week cards */
body.mfw .wkrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:1px;background:var(--mf-line);border:1px solid var(--mf-line);overflow-x:auto;scrollbar-width:thin}
body.mfw .wkrow .wd{background:var(--mf-ink);padding:18px 16px;display:flex;flex-direction:column;gap:8px;min-width:0}
body.mfw .wkrow .wd.td{background:var(--mf-ink-2);box-shadow:inset 0 2px 0 var(--mf-ice)}
body.mfw .wkrow .wd > .ic{width:36px;height:36px;margin:4px 0}
body.mfw .wkrow .wd b{font-family:var(--mf-display);font-weight:700;font-size:calc(var(--mf-dk) * 26px);line-height:1}
body.mfw .wkrow .wd b small{font-size:.6em;color:var(--mf-fog);margin-left:6px;font-weight:400}
body.mfw .wkrow .wd .sk{font-size:13px;color:var(--mf-soft);min-height:2.6em;line-height:1.3}
body.mfw .wkrow .mt{display:flex;align-items:center;gap:8px;font-family:var(--mf-mono);font-size:11px;color:var(--mf-soft)}
body.mfw .wkrow .mt .ic{width:16px;height:16px;color:var(--mf-fog)}
body.mfw .wkrow .mt.wet,body.mfw .wkrow .mt.wet .ic{color:#8FB4E0}
body.mfw .wkrow .tip{margin-top:4px;padding:4px 8px;align-self:flex-start;font-family:var(--mf-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-bone);border:1px solid var(--mf-rust);background:rgba(196,106,61,.12)}
@media (min-width:1200px){body.mfw .wkrow{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}
/* moon */
body.mfw .mgrid .md.tg{background:var(--mf-ink-2)}
body.mfw .mgrid .md.tg em{color:var(--mf-bone)}
@media (max-width:600px){body.mfw .mf-c-sum .ch{flex-basis:100%}
body.mfw .mf-c-gl{grid-template-columns:1fr 1fr}
body.mfw .mf-c-gl .gl{padding:16px}}
@media (max-width:600px){body.mfw .mf-c-card:last-child:nth-child(odd){grid-column:1 / -1}}
/* ===== wildlife ===== */
body.mfw .mf-cond .ic.an{width:40px;height:40px;color:var(--tc,var(--mf-bone))}
body.mfw .wl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;padding:1px}
body.mfw .wl-card{background:var(--mf-ink);box-shadow:0 0 0 1px var(--mf-line);padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0}
body.mfw .wl-card.t3,body.mfw .wl-card.t4{box-shadow:0 0 0 1px var(--mf-line),inset 0 3px 0 #8FD6A5}
body.mfw .wl-card.t0,body.mfw .wl-card.t1{--tc:var(--mf-soft)}
body.mfw .wl-grid:not(.open) .wl-card.x{display:none}
body.mfw .wl-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}
body.mfw .wl-top .ic.an{width:48px;height:48px;padding:8px;border:1px solid var(--mf-line);border-radius:50%;box-sizing:border-box}
body.mfw .wl-card.t3 .wl-top .ic.an,body.mfw .wl-card.t4 .wl-top .ic.an{border-color:rgba(143,214,165,.5);background:rgba(143,214,165,.07)}
body.mfw .wl-top h3{margin:0;font-family:var(--mf-display);font-weight:700;font-size:calc(var(--mf-dk) * 22px);line-height:1.05;color:var(--mf-bone)}
body.mfw .wl-top .et{display:block;margin-top:3px;font-family:var(--mf-serif);font-style:italic;font-size:16px;color:var(--mf-fog)}
body.mfw .wl-peak{margin:0;padding:8px 12px;border-left:2px solid var(--mf-rust);background:rgba(196,106,61,.08);font-size:14px;color:var(--mf-bone)}
body.mfw .wl-best{display:flex;gap:12px;align-items:center}
body.mfw .wl-best .ic{width:22px;height:22px;color:var(--mf-soft)}
body.mfw .wl-best span{display:flex;flex-direction:column;gap:2px}
body.mfw .wl-best em{font-style:normal;font-family:var(--mf-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .wl-best b{font-weight:500;font-size:15px;color:var(--mf-bone)}
body.mfw .wl-heat{display:grid;grid-template-columns:44px repeat(4,minmax(0,1fr));gap:3px;align-items:center}
body.mfw .wl-heat .hd,body.mfw .wl-heat .dl{font-family:var(--mf-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .wl-heat .hd{text-align:center}
body.mfw .wl-heat i{display:block;height:18px;border-radius:2px;background:#1d201e}
body.mfw .wl-heat i.t1{background:#2f3a33}
body.mfw .wl-heat i.t2{background:#4c6b56}
body.mfw .wl-heat i.t3{background:#73b086}
body.mfw .wl-heat i.t4{background:#8FD6A5}
body.mfw .wl-heat i.past{opacity:.25}
body.mfw .wl-heat i.bst{outline:2px solid var(--mf-bone);outline-offset:1px}
body.mfw .wl-fx{display:flex;flex-wrap:wrap;gap:6px}
body.mfw .wl-fx span{padding:4px 9px;border:1px solid var(--mf-line);border-radius:999px;font-size:12px;color:var(--mf-soft)}
body.mfw .wl-fx .pro{color:#8FD6A5;border-color:rgba(143,214,165,.35)}
body.mfw .wl-fx .con{color:#E0957A;border-color:rgba(224,122,95,.35)}
body.mfw .wl-season{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;margin-top:auto}
body.mfw .wl-season .m{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--mf-mono);font-size:9px;color:var(--mf-fog)}
body.mfw .wl-season .m i{display:block;width:100%;height:6px;background:#1d201e}
body.mfw .wl-season .s1 i{background:#3b4a40}
body.mfw .wl-season .s2 i{background:#5f8a6c}
body.mfw .wl-season .s3 i{background:#8FD6A5}
body.mfw .wl-season .now{color:var(--mf-bone)}
body.mfw .wl-season .now i{outline:1px solid var(--mf-bone);outline-offset:1px}
body.mfw .wl-how{font-size:14px;color:var(--mf-soft);line-height:1.5}
body.mfw .wl-how summary{cursor:pointer;font-family:var(--mf-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .wl-how p{margin:8px 0 0}
body.mfw .wl-how b{color:var(--mf-bone);font-weight:500}
body.mfw .mf-c-wild .wl-all{margin-top:16px}
body.mfw .wl-off{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:22px;font-size:14px;color:var(--mf-fog)}
body.mfw .wl-off .o{display:inline-flex;align-items:center;gap:6px;opacity:.75}
body.mfw .wl-off .o .ic.an{width:22px;height:22px;color:var(--mf-fog)}
body.mfw .wl-off em{font-style:normal;font-family:var(--mf-mono);font-size:11px}
body.mfw .mf-c-sum .big .ic.an{width:52px;height:52px}
body.mfw .mf-c-sum .big small{font-family:var(--mf-mono);font-size:11px;letter-spacing:.06em;color:var(--mf-soft)}
@media (max-width:600px){body.mfw .wl-grid{grid-template-columns:minmax(0,1fr)}
body.mfw .wl-card{padding:18px 16px}}
/* ===== motion and interaction ===== */
body.mfw .mf-cond{position:relative}
body.mfw .mf-cond-sky{position:absolute;left:0;top:0;width:100%;z-index:0;pointer-events:none;display:block}
body.mfw .mf-cond-head,body.mfw .mf-cond-body{position:relative;z-index:1}
body.mfw .mf-cond-body{transition:opacity .4s ease}
body.mfw .mf-cond.ld .mf-cond-body{opacity:.35}
/* reveal */
body.mfw .mf-cond.fx .rv-i{opacity:0;transform:translateY(22px);transition:opacity .8s ease calc(var(--i,0) * 55ms),transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i,0) * 55ms)}
body.mfw .mf-cond.fx .in .rv-i{opacity:1;transform:none}
/* sun path draws itself, the sun appears, the bar sweeps in */
body.mfw .mf-cond.fx .mf-c-light .sky svg,body.mfw .mf-cond.fx .mf-c-light .bar{transition:clip-path 1.8s cubic-bezier(.4,0,.2,1) .2s}
body.mfw .mf-cond.fx .mf-c-light:not(.in) .sky svg,body.mfw .mf-cond.fx .mf-c-light:not(.in) .bar{clip-path:inset(0 100% 0 0)}
body.mfw .mf-cond.fx .mf-c-light .sundot{transition:transform .6s cubic-bezier(.3,1.6,.5,1) 1.7s,background .3s}
body.mfw .mf-cond.fx .mf-c-light:not(.in) .sundot{transform:scale(0)}
body.mfw .mf-cond.fx .mf-c-light .now{transition:opacity .6s ease 1.4s}
body.mfw .mf-cond.fx .mf-c-light:not(.in) .now{opacity:0}
body.mfw .mf-c-timeline .sundot{animation:mfpulse 3.2s ease-in-out infinite}
body.mfw .mf-c-timeline .sundot.below{animation:none}
@keyframes mfpulse{0%,100%{box-shadow:0 0 0 5px rgba(242,194,107,.18),0 0 24px rgba(242,194,107,.55)}50%{box-shadow:0 0 0 10px rgba(242,194,107,.08),0 0 40px rgba(242,194,107,.8)}}
body.mfw .mf-c-timeline.back .sundot{transition:left .8s cubic-bezier(.2,.7,.2,1),top .8s cubic-bezier(.2,.7,.2,1)}
/* scrubbing */
body.mfw .mf-c-timeline{cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}
body.mfw .mf-c-timeline:focus-visible{outline:1px dashed var(--mf-soft);outline-offset:6px}
body.mfw .mf-c-timeline.scrubbing .now{opacity:.35}
body.mfw .mf-c-timeline .scrub{position:absolute;top:0;bottom:18px;width:0;border-left:1px dashed var(--mf-bone);pointer-events:none;z-index:2}
body.mfw .mf-c-timeline .stip{position:absolute;top:0;transform:translateX(16px);z-index:3;pointer-events:none;display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:var(--mf-ink-2);border:1px solid var(--mf-line);font-size:12px;color:var(--mf-soft);white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.4)}
body.mfw .mf-c-timeline .stip b{font-family:var(--mf-display);font-weight:700;font-size:20px;color:var(--mf-bone)}
body.mfw .mf-c-timeline .stip .ph{font-family:var(--mf-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-bone);display:flex;align-items:center;gap:6px}
body.mfw .mf-c-timeline .stip .ph::before{content:"";width:9px;height:9px;border:1px solid var(--mf-line)}
body.mfw .stip .ph.night::before{background:#090c16}
body.mfw .stip .ph.astro::before{background:#141b33}
body.mfw .stip .ph.naut::before{background:#22325c}
body.mfw .stip .ph.blue::before{background:#3e63a8}
body.mfw .stip .ph.gold::before{background:#D9A45B}
body.mfw .stip .ph.day::before{background:#BDBAB3}
body.mfw .mf-c-timeline .stip .w{display:flex;align-items:center;gap:6px}
body.mfw .mf-c-timeline .stip .ic{width:18px;height:18px}
body.mfw .mf-c-hint{margin:6px 0 0;display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:.02em}
body.mfw .mf-c-hint::before{content:"↔";font-size:14px;color:var(--mf-bone)}
/* northern lights: bars grow, the needle sweeps */
body.mfw .mf-cond .kpc .kb i{transform-origin:bottom}
body.mfw .mf-cond.fx .kpc .kb i{transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--i,0) * 45ms + .3s)}
body.mfw .mf-cond.fx .mf-c-aurora:not(.in) .kpc .kb i{transform:scaleY(0)}
body.mfw .mf-cond .kpc .kb{transition:background .2s}
body.mfw .mf-cond .kpc .kb:hover{background:rgba(236,232,224,.06)}
body.mfw .gauge .ndl{transform:rotate(var(--r));transition:transform 1.8s cubic-bezier(.3,1.45,.5,1) .4s}
body.mfw .mf-cond.fx .mf-c-aurora:not(.in) .gauge .ndl{transform:rotate(-90deg)}
/* living icons */
@keyframes mfspin{to{transform:rotate(360deg)}}
@keyframes mfbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes mfsway{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes mftw{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes mfrock{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
body.mfw .mf-cond.fx .mf-c-card .ic[data-i="sun"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="sun"],body.mfw .mf-cond.fx .wkrow .wd .ic[data-i="sun"],body.mfw .mf-cond.fx .mf-c-gl .ic[data-i="sun"]{animation:mfspin 40s linear infinite}
body.mfw .mf-cond.fx .mf-c-card .ic[data-i="cloud"],body.mfw .mf-cond.fx .mf-c-card .ic[data-i="partly"],body.mfw .mf-cond.fx .mf-c-card .ic[data-i="pmoon"],body.mfw .mf-cond.fx .mf-c-card .ic[data-i="rain"],body.mfw .mf-cond.fx .mf-c-card .ic[data-i="snow"],body.mfw .mf-cond.fx .mf-c-card .ic[data-i="thunder"],body.mfw .mf-cond.fx .mf-c-card .ic[data-i="sunrise"],body.mfw .mf-cond.fx .mf-c-card .ic[data-i="sunset"],body.mfw .mf-cond.fx .mf-c-card .ic[data-i="blue"],body.mfw .mf-cond.fx .mf-c-card .ic[data-i="mist"],body.mfw .mf-cond.fx .mf-c-card .ic[data-i="fog"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="cloud"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="partly"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="pmoon"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="rain"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="snow"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="thunder"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="sunrise"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="sunset"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="blue"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="mist"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="fog"],body.mfw .mf-cond.fx .wkrow .wd .ic[data-i="cloud"],body.mfw .mf-cond.fx .wkrow .wd .ic[data-i="partly"],body.mfw .mf-cond.fx .wkrow .wd .ic[data-i="pmoon"],body.mfw .mf-cond.fx .wkrow .wd .ic[data-i="rain"],body.mfw .mf-cond.fx .wkrow .wd .ic[data-i="snow"],body.mfw .mf-cond.fx .wkrow .wd .ic[data-i="thunder"],body.mfw .mf-cond.fx .wkrow .wd .ic[data-i="sunrise"],body.mfw .mf-cond.fx .wkrow .wd .ic[data-i="sunset"],body.mfw .mf-cond.fx .wkrow .wd .ic[data-i="blue"],body.mfw .mf-cond.fx .wkrow .wd .ic[data-i="mist"],body.mfw .mf-cond.fx .wkrow .wd .ic[data-i="fog"]{animation:mfbob 5s ease-in-out infinite}
body.mfw .mf-cond.fx .mf-c-card .ic[data-i="wind"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="wind"],body.mfw .mf-cond.fx .wkrow .wd .ic[data-i="wind"],body.mfw .mf-cond.fx .swind .ic[data-i="wind"]{animation:mfsway 3.6s ease-in-out infinite}
body.mfw .mf-cond.fx .mf-c-card .ic[data-i="aurora"],body.mfw .mf-cond.fx .mf-c-card .ic[data-i="stars"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="aurora"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="stars"]{animation:mftw 3s ease-in-out infinite}
body.mfw .mf-cond.fx .mf-c-card .ic[data-i="moon"],body.mfw .mf-cond.fx .mf-c-sum .ic[data-i="moon"]{animation:mfrock 9s ease-in-out infinite}
body.mfw .mf-cond.fx .wkrow .wd:nth-child(2n) > .ic{animation-delay:-1.7s}
/* hover life */
body.mfw .mf-c-card,body.mfw .mf-c-day,body.mfw .wkrow .wd,body.mfw .wl-card,body.mfw .mf-c-sum .ch,body.mfw .mf-c-sum .big{transition:background-color .35s ease}
body.mfw .mf-c-card:hover,body.mfw .wkrow .wd:hover,body.mfw .wl-card:hover{background-color:var(--mf-ink-2)}
body.mfw .mf-c-card > .ic,body.mfw .wkrow .wd > .ic{transition:color .3s}
body.mfw .mf-c-card:hover > .ic{color:var(--mf-rust)}
body.mfw .wl-top .ic.an{transition:transform .5s cubic-bezier(.3,1.6,.5,1),border-color .3s}
body.mfw .wl-card:hover .wl-top .ic.an{transform:rotate(-8deg) scale(1.08);border-color:var(--mf-soft)}
body.mfw .mf-cond .pill.t4{animation:mfglow 2.8s ease-in-out infinite}
@keyframes mfglow{0%,100%{box-shadow:0 0 0 0 rgba(196,106,61,0)}50%{box-shadow:0 0 14px 0 rgba(196,106,61,.35)}}
/* wildlife windows you can tap */
body.mfw .wl-heat .c{cursor:pointer;position:relative;transition:transform .25s cubic-bezier(.3,1.6,.5,1),opacity .5s ease .5s}
body.mfw .wl-heat .c:hover{transform:scaleY(1.3)}
body.mfw .wl-heat i.bst{outline:none}
body.mfw .wl-heat .c.bst::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--mf-ink)}
body.mfw .wl-heat .c.sel{outline:2px solid var(--mf-bone);outline-offset:1px}
body.mfw .wl-heat .c:focus-visible{outline:2px dashed var(--mf-bone)}
body.mfw .mf-cond.fx .mf-c-wild:not(.in) .wl-heat .c{opacity:0;transform:scale(.4)}
body.mfw .wl-season .m i{transform-origin:left;transition:transform .9s cubic-bezier(.2,.8,.2,1) .6s}
body.mfw .mf-cond.fx .mf-c-wild:not(.in) .wl-season .m i{transform:scaleX(0)}
body.mfw .wl-card.flash .wl-when,body.mfw .wl-card.flash .wl-fx{animation:mfflash .5s ease}
@keyframes mfflash{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* hourly table: column highlight, drag to scroll */
body.mfw .mf-c-hgrid .hc{box-shadow:inset 1px 0 0 rgba(236,232,224,.4),inset -1px 0 0 rgba(236,232,224,.4)}
body.mfw .mf-c-hgrid thead th.hc{color:var(--mf-bone)}
@media (hover:hover) and (pointer:fine){body.mfw .mf-cond .scr,body.mfw .mf-cond .wkrow{cursor:grab}}
body.mfw .mf-cond .grab{cursor:grabbing!important;user-select:none}
/* moon inspector */
body.mfw .mpanel{display:flex;gap:26px;align-items:center;padding:22px;border:1px solid var(--mf-line);border-bottom:0;background:var(--mf-ink-2);min-height:160px}
body.mfw .mpanel .big-moon svg{width:110px;height:110px;display:block;filter:drop-shadow(0 0 22px rgba(236,232,224,.18));animation:mfmoon .5s cubic-bezier(.2,.8,.2,1)}
@keyframes mfmoon{from{opacity:0;transform:scale(.85) rotate(-25deg)}to{opacity:1;transform:none}}
body.mfw .mpanel > div:last-child{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
body.mfw .mpanel .mf-note{flex-basis:100%}
body.mfw .mpanel b{flex-basis:100%;font-family:var(--mf-serif);font-style:italic;font-weight:var(--mf-sw);font-size:clamp(28px,3vw,40px);line-height:1;color:var(--mf-bone)}
body.mfw .mpanel .mrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--mf-mono);font-size:12px;color:var(--mf-soft)}
body.mfw .mpanel .mrow .ic{width:18px;height:18px}
body.mfw .mpanel p{flex-basis:100%;margin:4px 0 0;color:var(--mf-soft);font-size:14px;max-width:60ch}
body.mfw .mgrid .md{cursor:pointer;transition:background-color .2s}
body.mfw .mgrid .md:hover,body.mfw .mgrid .md.on{background:var(--mf-ink-2)}
body.mfw .mgrid .md.on{box-shadow:inset 0 -2px 0 var(--mf-bone)}
body.mfw .mgrid .md svg{transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
body.mfw .mgrid .md:hover svg{transform:scale(1.25)}
@media (max-width:600px){body.mfw .mpanel{gap:16px;padding:16px}
body.mfw .mpanel .big-moon svg{width:76px;height:76px}}
@media (prefers-reduced-motion:reduce){body.mfw .mf-cond *{animation:none!important}}
body.mfw .mf-c-timeline .stip.lft{transform:translateX(calc(-100% - 16px))}
body.mfw .mpanel .big-moon{border-radius:50%;box-shadow:0 0 0 1px rgba(236,232,224,.18)}
body.mfw .mf-c-timeline .now{z-index:1}
body.mfw .mf-c-timeline .stip{z-index:4}
/* ===== round 4 ===== */
/* live sky label */
body.mfw .mf-cond-live{display:inline-flex;align-items:center;gap:10px;margin:4px 0 0;padding:8px 14px 8px 12px;align-self:flex-start;background:rgba(10,12,12,.55);border:1px solid rgba(236,232,224,.18);border-radius:999px;font-size:14px;color:var(--mf-bone);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body.mfw .mf-cond-live .ic{width:22px;height:22px}
body.mfw .mf-cond-live b{font-family:var(--mf-mono);font-weight:400;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mf-fog);margin-right:6px}
body.mfw .mf-cond-live .dot{width:8px;height:8px;border-radius:50%;background:#e0565b;box-shadow:0 0 0 0 rgba(224,86,91,.6);animation:mflive 2s ease-out infinite}
@keyframes mflive{0%{box-shadow:0 0 0 0 rgba(224,86,91,.6)}100%{box-shadow:0 0 0 10px rgba(224,86,91,0)}}
body.mfw .mf-cond-head{cursor:crosshair}
body.mfw .mf-cond-head select,body.mfw .mf-cond-head button,body.mfw .mf-cond-head p{cursor:auto}
body.mfw .mf-cond-head button{cursor:pointer}
/* clearer Kp colours */
body.mfw .mf-c-aurora .k0{color:#9aa09b}
body.mfw .mf-c-aurora .k1{color:#7fa8dc}
body.mfw .mf-c-aurora .k2{color:#6fd896}
body.mfw .mf-c-aurora .k3{color:#f2b84b}
body.mfw .mf-c-aurora .k4{color:#ef6a6a}
body.mfw .gauge path.k0{stroke:#4b504c}
body.mfw .gauge path.k1{stroke:#6f9bd1}
body.mfw .gauge path.k2{stroke:#5fd08a}
body.mfw .gauge path.k3{stroke:#f0b84a}
body.mfw .gauge path.k4{stroke:#e0565b}
body.mfw .sw.k0{background:#4b504c}
body.mfw .sw.k1{background:#6f9bd1}
body.mfw .sw.k2{background:#5fd08a}
body.mfw .sw.k3{background:#f0b84a}
body.mfw .sw.k4{background:#e0565b}
body.mfw .sw.fcs{background:repeating-linear-gradient(135deg,#8F948F 0 3px,transparent 3px 6px)}
body.mfw .mf-c-h3 span{text-transform:none;letter-spacing:.02em;color:var(--mf-fog)}
/* Kp chart */
body.mfw .kpx{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px}
body.mfw .kpx-y{position:relative;margin-top:34px;height:200px}
body.mfw .kpx-y span{position:absolute;right:0;transform:translateY(50%);font-family:var(--mf-mono);font-size:10px;color:var(--mf-fog)}
body.mfw .kpx-main{min-width:0}
body.mfw .kpx-days{display:flex;height:34px}
body.mfw .kpx-days span{display:flex;align-items:center;gap:6px;padding:0 10px;border-left:2px solid var(--mf-soft);font-family:var(--mf-display);font-weight:700;font-size:14px;color:var(--mf-bone);white-space:nowrap;overflow:hidden;background:linear-gradient(90deg,rgba(236,232,224,.06),transparent)}
body.mfw .kpx-days span em{font-style:normal;font-family:var(--mf-mono);font-weight:400;font-size:10px;color:var(--mf-fog)}
body.mfw .kpx-plot{position:relative;display:flex;align-items:flex-end;gap:3px;height:200px;border-bottom:1px solid var(--mf-soft)}
body.mfw .kpx-plot .gl{position:absolute;left:0;right:0;border-top:1px dashed #3a3e3a;pointer-events:none}
body.mfw .kpx-plot .gl.g4{border-top-color:#5fd08a}
body.mfw .kpx-plot .gl.g5{border-top-color:#f0b84a}
body.mfw .kpx-plot .gl i{position:absolute;right:0;top:-17px;font-style:normal;font-family:var(--mf-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:0 4px;background:var(--mf-ink)}
body.mfw .kpx-plot .gl.g4 i{color:#6fd896}
body.mfw .kpx-plot .gl.g5 i{color:#f2b84b}
body.mfw .kpx-plot .dsep{position:absolute;top:-34px;bottom:-22px;border-left:2px solid var(--mf-soft);pointer-events:none}
body.mfw .kpx-plot .know{position:absolute;top:0;bottom:0;border-left:2px solid var(--mf-bone);z-index:2;pointer-events:none}
body.mfw .kpx-plot .know i{position:absolute;top:-2px;left:4px;font-style:normal;font-family:var(--mf-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-ink);background:var(--mf-bone);padding:1px 5px}
body.mfw .kb2{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;padding:0;margin:0;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;min-width:0}
body.mfw .kb2.dark{background:linear-gradient(180deg,rgba(62,99,168,.22),rgba(62,99,168,.08))!important}
body.mfw .kb2 > i{position:relative;display:block;width:100%;border-radius:3px 3px 0 0;transform-origin:bottom;transition:filter .2s,transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--i,0) * 45ms + .3s)}
body.mfw .kb2 > i.k0{background:#4b504c}
body.mfw .kb2 > i.k1{background:#6f9bd1}
body.mfw .kb2 > i.k2{background:#5fd08a}
body.mfw .kb2 > i.k3{background:#f0b84a}
body.mfw .kb2 > i.k4{background:#e0565b}
body.mfw .kb2 > i.fc{background-image:repeating-linear-gradient(135deg,rgba(15,17,16,.35) 0 3px,transparent 3px 7px)}
body.mfw .kb2 > i em{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:3px;font-style:normal;font-family:var(--mf-mono);font-size:10px;color:var(--mf-soft)}
body.mfw .kb2:hover > i,body.mfw .kb2.on > i{filter:brightness(1.25)}
body.mfw .kb2.on{outline:2px solid var(--mf-bone)!important;outline-offset:2px}
body.mfw .kb2.pk > i em{color:var(--mf-bone);font-weight:700}
body.mfw .mf-cond.fx .mf-c-aurora:not(.in) .kb2 > i{transform:scaleY(0)}
body.mfw .kpx-x{display:flex;gap:3px;margin-top:6px}
body.mfw .kpx-x span{flex:1;text-align:center;font-family:var(--mf-mono);font-size:10px;color:var(--mf-fog);min-width:0}
body.mfw .kpx-info{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:18px 0 0;padding:14px 16px;border:1px solid var(--mf-line);background:var(--mf-ink-2);font-size:14px;color:var(--mf-soft);min-height:52px}
body.mfw .kpx-info b{color:var(--mf-bone);font-weight:500}
body.mfw .kpx-info .kp{font-family:var(--mf-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
body.mfw .kpx-info .mf-note{flex-basis:100%}
body.mfw .kpx-info.flash{animation:mfflash .4s ease}
body.mfw .kpl em{font-style:normal;font-family:var(--mf-mono);font-size:10px;color:var(--mf-fog)}
body.mfw .kpx-scr{overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}
@media (max-width:760px){body.mfw .kpx{min-width:680px}
body.mfw .kpx-scr::after{content:"Scroll sideways for more";display:block;margin-top:6px;font-family:var(--mf-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-fog)}}
/* light day tabs */
body.mfw .ltabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 22px;padding-bottom:2px}
body.mfw .ltabs::-webkit-scrollbar{display:none}
body.mfw .ltabs button{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px!important;background:transparent!important;border:1px solid var(--mf-line)!important;border-radius:0!important;color:var(--mf-soft)!important;font-family:var(--mf-display)!important;font-weight:700!important;font-size:14px!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s;box-shadow:none!important}
body.mfw .ltabs button em{font-style:normal;font-family:var(--mf-mono);font-weight:400;font-size:10px;color:var(--mf-fog)}
body.mfw .ltabs button:hover{color:var(--mf-bone)!important;border-color:var(--mf-soft)!important}
body.mfw .ltabs button.on{background:var(--mf-bone)!important;color:var(--mf-ink)!important;border-color:var(--mf-bone)!important}
body.mfw .ltabs button.on em{color:var(--mf-ink)}
body.mfw .mf-c-timeline .sundot.off{opacity:0}
body.mfw .mf-c-timeline.swap .sky svg,body.mfw .mf-c-timeline.swap .bar{animation:mfwipe .7s cubic-bezier(.4,0,.2,1)}
@keyframes mfwipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
/* today cards: they lead to their section */
body.mfw .mf-c-card{position:relative}
body.mfw .mf-c-card[data-go]{cursor:pointer}
body.mfw .mf-c-card .go{position:absolute;right:16px;bottom:14px;font-size:16px;color:var(--mf-fog);opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s}
body.mfw .mf-c-card[data-go]:hover .go,body.mfw .mf-c-card[data-go]:focus-visible .go{opacity:1;transform:none;color:var(--mf-bone)}
body.mfw .mf-c-card > .ic.an{width:32px;height:32px}
body.mfw .mf-c-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
/* wildlife card header: no more overlap */
body.mfw .wl-top{grid-template-columns:auto minmax(0,1fr)!important;row-gap:8px}
body.mfw .wl-top .ic.an{grid-row:span 2}
body.mfw .wl-top .pill{grid-column:2;justify-self:start}
body.mfw .wl-top h3{overflow-wrap:anywhere}
body.mfw .wl-where{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;color:var(--mf-soft)}
body.mfw .wl-where .ic{width:18px;height:18px;margin-top:1px;color:var(--mf-rust)}
body.mfw .mf-c-sum .big small.wh{display:flex;align-items:center;gap:6px;margin-top:4px;font-family:var(--mf-sans);font-size:13px;letter-spacing:0;color:var(--mf-bone)}
body.mfw .mf-c-sum .big small.wh .ic{width:16px;height:16px;color:var(--mf-rust)}
/* wildlife filters */
body.mfw .wl-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
body.mfw .wl-filter button{padding:9px 14px!important;background:transparent!important;border:1px solid var(--mf-line)!important;border-radius:999px!important;color:var(--mf-soft)!important;font-family:var(--mf-sans)!important;font-size:14px!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;box-shadow:none!important;transition:all .2s}
body.mfw .wl-filter button em{font-style:normal;font-family:var(--mf-mono);font-size:11px;color:var(--mf-fog);margin-left:4px}
body.mfw .wl-filter button:hover{color:var(--mf-bone)!important;border-color:var(--mf-soft)!important}
body.mfw .wl-filter button.on{background:var(--mf-bone)!important;color:var(--mf-ink)!important;border-color:var(--mf-bone)!important}
body.mfw .wl-filter button.on em{color:var(--mf-ink)}
body.mfw .wl-grid[data-f] .wl-card.x{display:flex}
body.mfw .wl-grid[data-f="m"] .wl-card:not([data-g="m"]),body.mfw .wl-grid[data-f="b"] .wl-card:not([data-g="b"]),body.mfw .wl-grid[data-f="s"] .wl-card:not([data-g="s"]){display:none!important}
body.mfw .wl-card.pop{animation:mfpop .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 40ms)}
@keyframes mfpop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media (max-width:700px){body.mfw .mf-cond-live{font-size:13px}}
/* ===== round 5 ===== */
/* pastel accents: one colour per kind of information */
body.mfw .mf-cond{--a-now:#8FB4E0;--a-rise:#F2B98B;--a-gold:#E8C77A;--a-blue:#93A5EE;--a-aur:#8FD6A5;--a-photo:#E8A0A8;--a-wild:#B9D48F;--a-moon:#C9B9EC;--a-night:#A9B4F5}
body.mfw .mf-c-card[data-k="now"]{--ac:var(--a-now)}
body.mfw .mf-c-card[data-k="rise"]{--ac:var(--a-rise)}
body.mfw .mf-c-card[data-k="gold"]{--ac:var(--a-gold)}
body.mfw .mf-c-card[data-k="blue"]{--ac:var(--a-blue)}
body.mfw .mf-c-card[data-k="aur"]{--ac:var(--a-aur)}
body.mfw .mf-c-card[data-k="photo"]{--ac:var(--a-photo)}
body.mfw .mf-c-card[data-k="wild"]{--ac:var(--a-wild)}
body.mfw .mf-c-card[data-k="moon"]{--ac:var(--a-moon)}
body.mfw .mf-c-card[data-k]{background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 11%,transparent),transparent 75%),var(--mf-ink);box-shadow:inset 0 3px 0 var(--ac)!important}
body.mfw .mf-c-card[data-k] > .ic{color:var(--ac)!important}
body.mfw .mf-c-card[data-k] .mf-note{color:color-mix(in srgb,var(--ac) 70%,var(--mf-fog))}
body.mfw .mf-c-card[data-k]:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 18%,transparent),transparent 85%),var(--mf-ink-2)}
body.mfw .mf-c-card.t3 b,body.mfw .mf-c-card.t4 b{color:var(--ac)}
body.mfw .mf-c-light{--ac:var(--a-gold)}
body.mfw .mf-c-photo{--ac:var(--a-photo)}
body.mfw .mf-c-aurora{--ac:var(--a-aur)}
body.mfw .mf-c-night{--ac:var(--a-night)}
body.mfw .mf-c-wild{--ac:var(--a-wild)}
body.mfw .mf-c-hours{--ac:var(--a-now)}
body.mfw .mf-c-week{--ac:var(--a-rise)}
body.mfw .mf-c-moon{--ac:var(--a-moon)}
body.mfw .mf-c-today{--ac:var(--mf-bone)}
body.mfw .mf-c-sec > .mf-c-h::after{content:"";display:block;width:48px;height:3px;margin-top:14px;background:var(--ac);border-radius:2px}
body.mfw .mf-c-sec .mf-c-sum{box-shadow:inset 0 2px 0 var(--ac)}
/* countdowns */
body.mfw .mf-c-card .cd{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:6px;font-family:var(--mf-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--ac,#ccc) 80%,white)}
body.mfw .mf-c-card .cd:empty{display:none}
body.mfw .mf-c-card .cd i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}
body.mfw .mf-c-card .cd.live i{animation:mflive 1.6s ease-out infinite;opacity:1;box-shadow:0 0 0 0 currentColor}
/* the conditions panel in the header */
body.mfw .mf-cond-where{position:relative;padding:22px;gap:12px!important;background:rgba(12,14,14,.5);border:1px solid rgba(236,232,224,.16);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 20px 60px rgba(0,0,0,.35);align-self:end;width:100%;max-width:560px;justify-self:end}
body.mfw .mf-cond-where .row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:0!important}
body.mfw .mf-cond-where .mf-cond-place{min-width:0;height:48px;border-right:0;background-color:rgba(10,12,12,.75)}
body.mfw .mf-cond-where .mf-cond-me{height:48px!important;border-radius:0!important;white-space:nowrap}
body.mfw .mf-cond-live{display:grid!important;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:6px 16px;margin:4px 0 0!important;padding:16px 0 0!important;border:0!important;border-top:1px solid rgba(236,232,224,.14)!important;border-radius:0!important;background:none!important;backdrop-filter:none!important;position:relative}
body.mfw .mf-cond-live > .ic{width:52px;height:52px;color:var(--mf-bone)}
body.mfw .mf-cond-live .lv-t{display:flex;flex-direction:column;gap:2px}
body.mfw .mf-cond-live .lv-t b{font-family:var(--mf-display);font-weight:900;font-size:calc(var(--mf-dk) * 46px);line-height:.9;color:var(--mf-bone);margin:0;text-transform:none;letter-spacing:0}
body.mfw .mf-cond-live .lv-t span{font-size:14px;color:var(--mf-soft);white-space:nowrap}
body.mfw .mf-cond-live .lv-m{display:flex;flex-direction:column;gap:5px;padding-left:16px;border-left:1px solid rgba(236,232,224,.14)}
body.mfw .mf-cond-live .lv-m span{display:flex;align-items:center;gap:8px;font-family:var(--mf-mono);font-size:11px;letter-spacing:.04em;color:var(--mf-soft)}
body.mfw .mf-cond-live .lv-m .ic{width:15px;height:15px;color:var(--mf-fog)}
body.mfw .mf-cond-live .lv-tag{position:absolute;top:16px;right:0;display:flex;align-items:center;gap:6px;font-family:var(--mf-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .mf-cond-live .lv-tag .dot{width:7px;height:7px;border-radius:50%;background:#e0565b;animation:mflive 2s ease-out infinite}
body.mfw .mf-cond-upd{font-size:10px!important}
@media (max-width:600px){body.mfw .mf-cond-where{padding:16px}
body.mfw .mf-cond-live{grid-template-columns:auto 1fr}
body.mfw .mf-cond-live .lv-m{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;gap:6px 14px;padding:10px 0 0;border-left:0;border-top:1px solid rgba(236,232,224,.1)}
body.mfw .mf-cond-live > .ic{width:42px;height:42px}}
/* compass */
body.mfw .mf-c-compass{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:28px;align-items:center;margin-top:30px;padding:24px;border:1px solid var(--mf-line);background:var(--mf-ink-2)}
body.mfw .cmp{width:100%;height:auto;display:block;overflow:visible}
body.mfw .cmp .rim{fill:rgba(236,232,224,.02);stroke:var(--mf-soft);stroke-width:1}
body.mfw .cmp .ring{fill:none;stroke:#2c302d;stroke-width:1;stroke-dasharray:2 4}
body.mfw .cmp .day{fill:rgba(232,199,122,.14);stroke:none}
body.mfw .cmp .tk line{stroke:#555a56;stroke-width:1}
body.mfw .cmp .cd2{fill:var(--mf-fog);font-family:var(--mf-mono);font-size:11px;text-anchor:middle;dominant-baseline:middle}
body.mfw .cmp .cd2.n{fill:#e0565b;font-weight:700}
body.mfw .cmp .ray{stroke-width:2;stroke-linecap:round}
body.mfw .cmp .ray.sr{stroke:var(--a-rise)}
body.mfw .cmp .ray.ss{stroke:#f08a5d}
body.mfw .cmp .ray.mr,body.mfw .cmp .ray.ms{stroke:var(--a-moon);stroke-dasharray:4 4}
body.mfw .cmp .end.sr{fill:var(--a-rise)}
body.mfw .cmp .end.ss{fill:#f08a5d}
body.mfw .cmp .end.mr,body.mfw .cmp .end.ms{fill:var(--a-moon)}
body.mfw .cmp .csun{transition:transform .25s ease,opacity .3s}
body.mfw .cmp .sunb{fill:#F2C26B;filter:drop-shadow(0 0 8px rgba(242,194,107,.9))}
body.mfw .cmp .hub{fill:var(--mf-bone)}
body.mfw .mf-c-compass .mf-c-h3{margin-top:0}
body.mfw .cmp-l .ev{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--mf-line)}
body.mfw .cmp-l .ev .ic{width:22px;height:22px}
body.mfw .cmp-l .ev.sr .ic{color:var(--a-rise)}
body.mfw .cmp-l .ev.ss .ic{color:#f08a5d}
body.mfw .cmp-l .ev.mr .ic,body.mfw .cmp-l .ev.ms .ic{color:var(--a-moon)}
body.mfw .cmp-l .ev span{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
body.mfw .cmp-l .ev b{font-weight:500;color:var(--mf-bone);font-size:15px}
body.mfw .cmp-l .ev em{font-style:normal;font-family:var(--mf-mono);font-size:11px;color:var(--mf-soft)}
body.mfw .cmp-l p{margin:14px 0 0;color:var(--mf-soft);font-size:14px;line-height:1.55;max-width:60ch}
@media (max-width:700px){body.mfw .mf-c-compass{grid-template-columns:1fr;padding:18px}
body.mfw .cmp-w{max-width:240px;margin:0 auto}}
/* night sky */
body.mfw .nt-scr{overflow-x:auto;scrollbar-width:thin}
body.mfw .nt{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;min-width:560px}
body.mfw .nt-rows{display:grid;grid-template-rows:180px 22px 14px 18px;gap:4px;font-family:var(--mf-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .nt-rows span{display:flex;align-items:flex-end}
body.mfw .nt-rows span:nth-child(2),body.mfw .nt-rows span:nth-child(3){align-items:center}
body.mfw .nt-plot{position:relative;display:flex;gap:3px}
body.mfw .nt-plot .know{position:absolute;top:0;height:180px;border-left:2px solid var(--mf-bone);z-index:2;pointer-events:none}
body.mfw .nt-plot .know i{position:absolute;top:0;left:4px;font-style:normal;font-family:var(--mf-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-ink);background:var(--mf-bone);padding:1px 5px}
body.mfw .nb{flex:1;min-width:0;display:grid;grid-template-rows:180px 22px 14px 18px;gap:4px;padding:0;margin:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer}
body.mfw .nb .bar{align-self:end;display:block;height:var(--h);border-radius:3px 3px 0 0;background:linear-gradient(180deg,rgba(169,180,245,calc(.35 + var(--d) * .65)),rgba(80,90,170,calc(.25 + var(--d) * .5)));box-shadow:0 0 calc(var(--d) * 14px) rgba(169,180,245,calc(var(--d) * .25));transform-origin:bottom;transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--i,0) * 40ms + .2s),filter .2s}
body.mfw .mf-cond.fx .mf-c-night:not(.in) .nb .bar{transform:scaleY(0)}
body.mfw .nb .mo{display:flex;align-items:center;justify-content:center;background:rgba(201,185,236,.05)}
body.mfw .nb .mo i{width:12px;height:12px;border-radius:50%;background:var(--a-moon);box-shadow:0 0 8px rgba(201,185,236,.6)}
body.mfw .nb .cl{background:rgba(200,204,210,calc(var(--c) * .75));border-radius:2px}
body.mfw .nb em{font-style:normal;font-family:var(--mf-mono);font-size:10px;color:var(--mf-fog);text-align:left;white-space:nowrap}
body.mfw .nb.past{opacity:.35}
body.mfw .nb:hover .bar,body.mfw .nb.on .bar{filter:brightness(1.35)}
body.mfw .nb.on{outline:2px solid var(--mf-bone)!important;outline-offset:2px}
body.mfw .nb.pk .bar{box-shadow:0 0 18px rgba(169,180,245,.6)}
body.mfw .nt-info .sv{color:var(--a-night)}
body.mfw .nt-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;margin-top:22px;background:var(--mf-line);border:1px solid var(--mf-line)}
body.mfw .ntc{background:var(--mf-ink);padding:20px 22px;display:flex;flex-direction:column;gap:10px}
body.mfw .ntc > .ic{width:28px;height:28px;color:var(--a-night)}
body.mfw .ntc .ms{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:8px 0;border-top:1px solid var(--mf-line)}
body.mfw .ntc .ms b{font-weight:500;color:var(--mf-bone)}
body.mfw .ntc .ms span{font-family:var(--mf-mono);font-size:11px;color:var(--mf-soft);text-align:right}
body.mfw .ntc .ms em{grid-column:1 / -1;font-style:normal;font-size:13px;color:var(--mf-fog)}
body.mfw .ntc .ms em.ok{color:var(--a-night)}
body.mfw .ntc dl{margin:0;display:grid;gap:4px}
body.mfw .ntc dt{margin-top:6px;font-weight:500;color:var(--mf-bone);font-size:14px}
body.mfw .ntc dd{margin:0;color:var(--mf-soft);font-size:13px;line-height:1.5}
body.mfw .ntc ul{margin:0;padding-left:18px;color:var(--mf-soft);font-size:14px;line-height:1.55;display:grid;gap:6px}
body.mfw .ntc li b{color:var(--mf-bone);font-weight:500}
body.mfw .mf-c-timeline .stip[hidden],body.mfw .mf-c-timeline .scrub[hidden]{display:none!important}
body.mfw .mf-cond-live{position:static!important}
body.mfw .mf-cond-live .lv-tag{top:22px!important;right:22px!important}
/* ===== round 6 ===== */
body.mfw .mf-c-events{--ac:#E8A0A8}
/* sky calendar */
body.mfw .ev-main{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:34px;align-items:start;padding:28px;border:1px solid var(--mf-line);background:radial-gradient(120% 90% at 0% 0%,rgba(169,180,245,.08),transparent 60%),var(--mf-ink-2)}
body.mfw .ev-main.flash .ev-pic{animation:mfevpic .7s cubic-bezier(.2,.8,.2,1)}
body.mfw .ev-main.flash .ev-txt{animation:mfflash .5s ease}
@keyframes mfevpic{from{opacity:0;transform:scale(.85) rotate(-12deg)}to{opacity:1;transform:none}}
body.mfw .ev-pic{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(169,180,245,.1),transparent 70%)}
body.mfw .ev-art{width:100%;max-width:260px;height:auto;overflow:visible;animation:mffloat 7s ease-in-out infinite}
@keyframes mffloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
body.mfw .ev-txt h3{margin:6px 0 4px;font-family:var(--mf-display);font-weight:900;text-transform:uppercase;font-size:calc(var(--mf-dk) * clamp(26px,2.6vw,40px));line-height:1;color:var(--mf-bone)}
body.mfw .ev-txt .when{margin:0 0 12px;color:var(--mf-soft);font-size:15px}
body.mfw .ev-cd{display:flex;gap:10px;margin:0 0 14px}
body.mfw .ev-cd span{display:flex;align-items:baseline;gap:5px;padding:8px 12px;border:1px solid var(--mf-line);background:var(--mf-ink);font-family:var(--mf-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mf-fog)}
body.mfw .ev-cd b{font-family:var(--mf-display);font-weight:700;font-size:24px;color:var(--mf-bone);letter-spacing:0}
body.mfw .ev-cd > b{font-size:16px;color:#8FD6A5}
body.mfw .vb{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:13px;border:1px solid var(--mf-line)}
body.mfw .vb::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
body.mfw .vb.ok{color:#8FD6A5;border-color:rgba(143,214,165,.35)}
body.mfw .vb.mid{color:#E8C77A;border-color:rgba(232,199,122,.35)}
body.mfw .vb.no{color:#E0957A;border-color:rgba(224,149,122,.35)}
body.mfw .ev-txt .about{margin:14px 0 0;color:var(--mf-bone);font-size:16px;line-height:1.6;max-width:68ch}
body.mfw .ev-txt h4{margin:20px 0 8px;font-family:var(--mf-mono);font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .ev-txt ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--mf-soft);font-size:14px;line-height:1.55;max-width:70ch}
body.mfw .ev-btns{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}
body.mfw .ev-strip-w{overflow-x:auto;scrollbar-width:thin;margin-top:14px;padding-bottom:8px}
body.mfw .ev-strip{display:flex;align-items:stretch;gap:6px;width:max-content}
body.mfw .evm{display:flex;align-items:flex-end;padding:0 4px 8px 12px;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--mf-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-fog);border-left:1px solid var(--mf-line)}
body.mfw .evc{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:132px;padding:12px!important;border:1px solid var(--mf-line)!important;border-radius:0!important;background:var(--mf-ink)!important;box-shadow:none!important;color:var(--mf-soft)!important;cursor:pointer;text-align:left;transition:transform .25s cubic-bezier(.3,1.5,.5,1),border-color .2s,background .2s}
body.mfw .evc .ic{width:22px;height:22px}
body.mfw .evc em{font-style:normal;font-family:var(--mf-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .evc b{font-family:var(--mf-sans);font-weight:500;font-size:13px;line-height:1.25;color:var(--mf-bone);text-transform:none;letter-spacing:0}
body.mfw .evc:hover{transform:translateY(-3px);border-color:var(--mf-soft)!important}
body.mfw .evc.on{border-color:var(--mf-bone)!important;background:var(--mf-ink-2)!important;box-shadow:inset 0 3px 0 var(--ec,#ECE8E0)!important}
body.mfw .evc.nv{opacity:.5}
body.mfw .evc.k-lunar{--ec:#e0875a}
body.mfw .evc.k-solar{--ec:#F2C26B}
body.mfw .evc.k-meteor{--ec:#A9B4F5}
body.mfw .evc.k-planet{--ec:#e8d39a}
body.mfw .evc.k-supermoon{--ec:#C9B9EC}
body.mfw .evc.k-season{--ec:#8FD6A5}
body.mfw .evc .ic{color:var(--ec)}
body.mfw .ntc .mf-cbtn{align-self:flex-start;margin-top:6px}
@media (max-width:760px){body.mfw .ev-main{grid-template-columns:1fr;gap:16px;padding:18px}
body.mfw .ev-pic{max-width:180px;margin:0 auto}
body.mfw .ev-cd b{font-size:20px}}
/* section navigator */
body.mfw .mf-cnav{position:fixed;right:16px;top:50%;transform:translate(16px,-50%);z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:1px;opacity:0;pointer-events:none;transition:opacity .4s,transform .4s}
body.mfw .mf-cnav.on{opacity:1;transform:translate(0,-50%);pointer-events:auto}
body.mfw .mf-cnav button{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:5px 0!important;background:none!important;border:0!important;box-shadow:none!important;cursor:pointer;color:var(--mf-fog)!important;--ac:var(--mf-bone)}
body.mfw .mf-cnav button[hidden]{display:none}
body.mfw .mf-cnav [data-s="today"]{--ac:#ECE8E0}
body.mfw .mf-cnav [data-s="light"]{--ac:var(--a-gold)}
body.mfw .mf-cnav [data-s="photo"]{--ac:var(--a-photo)}
body.mfw .mf-cnav [data-s="aurora"]{--ac:var(--a-aur)}
body.mfw .mf-cnav [data-s="night"]{--ac:var(--a-night)}
body.mfw .mf-cnav [data-s="events"]{--ac:#E8A0A8}
body.mfw .mf-cnav [data-s="wild"]{--ac:var(--a-wild)}
body.mfw .mf-cnav [data-s="hours"]{--ac:var(--a-now)}
body.mfw .mf-cnav [data-s="week"]{--ac:var(--a-rise)}
body.mfw .mf-cnav [data-s="moon"]{--ac:var(--a-moon)}
body.mfw .mf-cnav .nl{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:6px 10px;border-radius:2px;background:rgba(12,14,14,.85);border-right:2px solid var(--ac);opacity:0;transform:translateX(10px);transition:opacity .2s,transform .25s cubic-bezier(.3,1.4,.5,1);pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body.mfw .mf-cnav .nl b{font-family:var(--mf-mono);font-weight:400;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ac);white-space:nowrap}
body.mfw .mf-cnav .nl small{display:none;font-family:var(--mf-sans);font-size:13px;color:var(--mf-bone);white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}
body.mfw .mf-cnav i{width:9px;height:9px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--ac) 60%,transparent);transition:transform .3s cubic-bezier(.3,1.6,.5,1),background .25s,box-shadow .25s}
body.mfw .mf-cnav button.cur .nl{opacity:1;transform:none}
body.mfw .mf-cnav button.cur i{background:var(--ac);border-color:var(--ac);transform:scale(1.3);box-shadow:0 0 12px color-mix(in srgb,var(--ac) 60%,transparent)}
body.mfw .mf-cnav:hover button:not(:hover) .nl{opacity:0;transform:translateX(10px)}
body.mfw .mf-cnav button:hover .nl{opacity:1;transform:none}
body.mfw .mf-cnav button:hover .nl small{display:block}
body.mfw .mf-cnav button:hover i{background:var(--ac);border-color:var(--ac);transform:scale(1.7);box-shadow:0 0 16px var(--ac)}
body.mfw .mf-cnav::before{content:"";position:absolute;right:4px;top:10px;bottom:10px;width:1px;background:linear-gradient(transparent,rgba(236,232,224,.15),transparent);z-index:-1}
@media (max-width:1100px){body.mfw .mf-cnav{display:none}}
/* ===== round 7 ===== */
/* chapters */
body.mfw .mf-c-chap{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:22px;align-items:end;padding:clamp(56px,9vh,110px) 0 6px;border-bottom:1px solid var(--mf-line)}
body.mfw .mf-cond:not(.has-data) .mf-c-chap{display:none}
body.mfw .mf-c-chap .no{grid-row:span 2;font-family:var(--mf-display);font-weight:900;font-size:calc(var(--mf-dk) * clamp(64px,8vw,128px));line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(236,232,224,.35)}
body.mfw .mf-c-chap b{font-family:var(--mf-serif);font-style:italic;font-weight:var(--mf-sw);font-size:clamp(30px,3.2vw,50px);line-height:1;color:var(--mf-bone)}
body.mfw .mf-c-chap em{font-style:normal;font-family:var(--mf-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-fog);padding:8px 0 10px}
body.mfw .mf-cond.fx .mf-c-chap:not(.in) .no{opacity:0;transform:translateY(30px)}
body.mfw .mf-cond.fx .mf-c-chap:not(.in) b,body.mfw .mf-cond.fx .mf-c-chap:not(.in) em{opacity:0;transform:translateX(-20px)}
body.mfw .mf-c-chap .no,body.mfw .mf-c-chap b,body.mfw .mf-c-chap em{transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
body.mfw .mf-c-chap b{transition-delay:.12s}
body.mfw .mf-c-chap em{transition-delay:.24s}
body.mfw .mf-c-chap + .mf-c-sec{border-top:0}
/* what to photograph now */
body.mfw .mf-c-season{--ac:#E8A06A}
body.mfw .ss-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 32px;align-items:end;margin-bottom:22px;padding:22px 24px;border:1px solid var(--mf-line);background:linear-gradient(110deg,color-mix(in srgb,var(--sc) 14%,transparent),transparent 60%),var(--mf-ink-2)}
body.mfw .ss-head b{display:block;font-family:var(--mf-display);font-weight:900;text-transform:uppercase;font-size:calc(var(--mf-dk) * clamp(40px,5vw,72px));line-height:.9;color:var(--sc)}
body.mfw .ss-bar{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;align-self:center}
body.mfw .ss-bar i{position:relative;height:10px;background:color-mix(in srgb,var(--c) 25%,transparent);border-radius:2px}
body.mfw .ss-bar i.cur{background:color-mix(in srgb,var(--c) 70%,transparent)}
body.mfw .ss-bar i.now{background:var(--c);box-shadow:0 0 12px var(--c);outline:1px solid var(--mf-bone);outline-offset:2px}
body.mfw .ss-bar em{position:absolute;top:14px;left:0;right:0;text-align:center;font-style:normal;font-family:var(--mf-mono);font-size:9px;color:var(--mf-fog)}
body.mfw .ss-head p{grid-column:1 / -1;margin:16px 0 0;color:var(--mf-soft);font-size:14px}
body.mfw .ss-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;padding:1px}
@media (min-width:640px){body.mfw .ss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){body.mfw .ss-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.mfw .ss-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--mf-ink);box-shadow:0 0 0 1px var(--mf-line);transition:background-color .3s}
body.mfw .ss-card:hover{background:var(--mf-ink-2)}
body.mfw .ss-card > .ic{width:32px;height:32px;color:var(--ac);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
body.mfw .ss-card:hover > .ic{transform:rotate(-10deg) scale(1.12)}
body.mfw .ss-card h3{margin:0;font-family:var(--mf-display);font-weight:700;font-size:calc(var(--mf-dk) * 22px);line-height:1.1;color:var(--mf-bone)}
body.mfw .ss-card p{margin:0;color:var(--mf-soft);font-size:14px;line-height:1.55}
body.mfw .ss-card .ss-peak{font-size:13px;color:var(--mf-fog)}
body.mfw .ss-card .ss-where{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--mf-soft)}
body.mfw .ss-card .ss-where .ic{width:16px;height:16px;flex:none;margin-top:1px;color:var(--mf-rust)}
body.mfw .ss-card .ss-b{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;font-size:12px;color:#8FD6A5;border:1px solid rgba(143,214,165,.4);background:rgba(143,214,165,.08)}
body.mfw .ss-card .ss-b::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:mflive 2s ease-out infinite}
body.mfw .ss-card.hot{box-shadow:0 0 0 1px var(--mf-line),inset 0 3px 0 #8FD6A5}
body.mfw .ss-m{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;margin-top:auto;padding-top:6px}
body.mfw .ss-m i{height:5px;background:#1d201e}
body.mfw .ss-m i.s1{background:#5a4a3a}
body.mfw .ss-m i.s2{background:#a07a52}
body.mfw .ss-m i.s3{background:var(--ac)}
body.mfw .ss-m i.now{outline:1px solid var(--mf-bone);outline-offset:1px}
@media (max-width:700px){body.mfw .ss-head{grid-template-columns:1fr}
body.mfw .ss-grid{grid-template-columns:1fr}}
/* navigator: the current section's label only shows on hover, so it never covers the page */
body.mfw .mf-cnav button.cur .nl{opacity:0;transform:translateX(10px)}
body.mfw .mf-cnav button.cur:hover .nl,body.mfw .mf-cnav button:hover .nl{opacity:1;transform:none}
body.mfw .mf-cnav [data-s="season"]{--ac:#E8A06A}
/* bigger titles so the blocks stand apart */
body.mfw .mf-c-chap{padding-top:clamp(72px,12vh,140px)}
body.mfw .mf-c-chap .no{font-size:calc(var(--mf-dk) * clamp(80px,10vw,170px))}
body.mfw .mf-c-chap b{font-size:clamp(44px,5.4vw,92px);line-height:.95}
body.mfw .mf-c-chap em{font-size:12px;padding:12px 0 14px}
body.mfw .mf-c-h{font-size:calc(var(--mf-dk) * clamp(36px,4.4vw,72px))}
body.mfw .mf-c-chap .no{-webkit-text-stroke:1.5px rgba(236,232,224,.5)}
/* take today with you (calendar, Keep, copy): one centred, joined row under the cards */
body.mfw .mf-c-take{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;margin-top:22px}
body.mfw .mf-c-take .mf-note{color:var(--mf-fog);line-height:1}
body.mfw .mf-c-take .b{display:inline-flex;flex-wrap:wrap;justify-content:center}
body.mfw .mf-c-take .b .mf-cbtn,body.mfw .mf-c-take .b .mf-cbtn:hover,body.mfw .mf-c-take .b .mf-cbtn:focus{gap:8px;height:38px;margin:0 0 0 -1px;text-decoration:none}
body.mfw .mf-c-take .b .mf-cbtn:first-child{margin-left:0}
body.mfw .mf-c-take .b .mf-cbtn:hover{position:relative;z-index:1}
body.mfw .mf-c-take .b .mf-cbtn svg{width:14px;height:14px;flex:none}
@media (max-width:600px){body.mfw .mf-c-take{flex-direction:column}
body.mfw .mf-c-take .b{flex-direction:column;width:100%}
body.mfw .mf-c-take .b .mf-cbtn,body.mfw .mf-c-take .b .mf-cbtn:hover,body.mfw .mf-c-take .b .mf-cbtn:focus{justify-content:center;margin:-1px 0 0}
body.mfw .mf-c-take .b .mf-cbtn:first-child{margin-top:0}}
body.mfw .ev-btns a.mf-cbtn{text-decoration:none}
body.mfw .ev-ics,body.mfw .ev-ics:hover,body.mfw .ev-ics:focus{display:block;margin:12px 0 0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;font-family:var(--mf-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-fog);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}
body.mfw .ev-ics:hover{color:var(--mf-bone)}
/* smoother page: glows and pulses on their own layer (only opacity and size change, nothing is repainted) */
@keyframes mf-o-pulse{50%{opacity:1}}
@keyframes mf-o-ring{0%{transform:scale(1);opacity:1}100%{transform:scale(var(--rs,3.5));opacity:0}}
body.mfw .mf-c-timeline .sundot{animation:none}
body.mfw .mf-c-timeline .sundot:not(.below)::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 10px rgba(242,194,107,.08),0 0 40px rgba(242,194,107,.8);opacity:0;animation:mf-o-pulse 3.2s ease-in-out infinite;pointer-events:none}
body.mfw .mf-cond .pill.t4{animation:none;position:relative}
body.mfw .mf-cond .pill.t4::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 14px 0 rgba(196,106,61,.35);opacity:0;animation:mf-o-pulse 2.8s ease-in-out infinite;pointer-events:none}
body.mfw .mf-cond-live .dot,body.mfw .mf-c-card .cd.live i{animation:none;position:relative;box-shadow:none}
body.mfw .mf-cond-live .dot::after,body.mfw .mf-c-card .cd.live i::after{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(224,86,91,.6);animation:mf-o-ring 2s ease-out infinite;pointer-events:none}
body.mfw .mf-cond-live .lv-tag .dot{--rs:3.85}
body.mfw .mf-c-card .cd.live i{--rs:4.3}
body.mfw .mf-c-card .cd.live i::after{animation-duration:1.6s}
body.mfw .ss-card .ss-b{position:relative}
body.mfw .ss-card .ss-b::before{animation:none}
body.mfw .ss-card .ss-b::after{content:"";position:absolute;left:11px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:rgba(224,86,91,.6);--rs:3.85;animation:mf-o-ring 2s ease-out infinite;pointer-events:none}
/* animations rest while their part of the page is off screen */
body.mfw .mf-cond .mf-off,body.mfw .mf-cond .mf-off *,body.mfw .mf-cond .mf-off *::before,body.mfw .mf-cond .mf-off *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion: reduce){body.mfw .mf-c-timeline .sundot::after,body.mfw .mf-cond .pill.t4::after,body.mfw .mf-cond-live .dot::after,body.mfw .mf-c-card .cd.live i::after,body.mfw .ss-card .ss-b::after{animation:none;opacity:0}}
/* northern lights: a tighter top row (gauge · the northern sky tonight · solar wind) */
@media (min-width:1000px){body.mfw .aur-top{grid-template-columns:minmax(230px,.75fr) minmax(0,1.55fr) minmax(220px,.85fr)!important}}
body.mfw .aur-top .kpnow{align-items:center;text-align:center;justify-content:center}
body.mfw .aur-top .kpnow .mf-note{align-self:flex-start}
body.mfw .aur-top .kpnow svg.gauge{max-width:220px;margin:4px auto -2px}
body.mfw .kpv{display:flex;flex-direction:column;align-items:center;gap:6px}
body.mfw .kpv > span{font-family:var(--mf-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-soft)}
body.mfw .aur-top .verdict{gap:12px!important}
body.mfw .au-sky{display:block;width:100%;height:clamp(130px,12vw,170px);border:1px solid var(--mf-line)}
body.mfw .au-sky .st circle{fill:#dfe6ff;opacity:.55}
body.mfw .au-sky .au{animation:mf-au 7s ease-in-out infinite}
body.mfw .au-sky .ray rect{animation:mf-o-pulse 3.4s ease-in-out infinite;animation-delay:var(--d);opacity:.25}
@keyframes mf-au{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
body.mfw .au-sky .lv{stroke:rgba(236,232,224,.12);stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
body.mfw .au-sky .lv.on{stroke:rgba(143,214,165,.45)}
body.mfw .au-sky .lvt{fill:rgba(236,232,224,.35);font-family:var(--mf-mono);font-size:8px;letter-spacing:.06em;text-anchor:end;text-transform:uppercase}
body.mfw .au-sky .lvt.on{fill:#8FD6A5}
body.mfw .au-sky .tr{fill:#050607}
body.mfw .au-sky .n{fill:var(--mf-rust);font-family:var(--mf-mono);font-size:9px;text-anchor:middle}
body.mfw .verdict .au-cap{color:var(--mf-bone);font-size:15px}
body.mfw .verdict .au-cap b{font-family:var(--mf-sans);font-style:normal;font-weight:600;font-size:15px;line-height:inherit;color:inherit}
body.mfw .swind > div{gap:6px!important}
body.mfw .swind .mt{position:relative;height:6px;margin-top:4px;background:#23272a;overflow:hidden}
body.mfw .swind .mt i{position:absolute;left:0;top:0;bottom:0;background:#6f9bd1;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
body.mfw .swind .mt i.mid{background:#f0b84a}
body.mfw .swind .mt i.hi{background:#5fd08a}
body.mfw .swind .mt i.lo{background:#4b504c}
body.mfw .swind .mt.bz i{left:auto}
body.mfw .swind .mt.bz i[style*="left:50%"]{left:50%}
body.mfw .swind .mt span{position:absolute;top:-2px;bottom:-2px;width:1px;background:rgba(236,232,224,.35)}
body.mfw .swind .mtl{display:flex;justify-content:space-between;font-family:var(--mf-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .swind .mtl em{font-style:normal}
@media (prefers-reduced-motion: reduce){body.mfw .au-sky .au,body.mfw .au-sky .ray rect{animation:none}}
/* the light today: the day's graph and the sun-and-moon compass side by side on wide screens */
@media (min-width:1100px){body.mfw .mf-c-light:not([hidden]){display:grid;grid-template-columns:minmax(0,1.6fr) minmax(360px,1fr);column-gap:32px;align-items:start;
    grid-template-areas:"h h" "sum sum" "tabs tabs" "tl cmp" "hint cmp" "leg cmp" "x cmp";grid-template-rows:auto auto auto auto auto auto 1fr}
body.mfw .mf-c-light > .mf-c-h{grid-area:h}
body.mfw .mf-c-light > .mf-c-sum{grid-area:sum}
body.mfw .mf-c-light > .ltabs{grid-area:tabs}
body.mfw .mf-c-light > .mf-c-timeline{grid-area:tl}
body.mfw .mf-c-light > .mf-c-hint{grid-area:hint}
body.mfw .mf-c-light > .mf-c-legend{grid-area:leg}
body.mfw .mf-c-light > .mf-c-compass{grid-area:cmp;margin-top:30px;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:20px;padding:20px;align-self:stretch;align-content:center}
body.mfw .mf-c-light > .mf-c-legend{gap:8px 18px;font-size:12px}}
/* sky calendar: a small animated sky for the chosen event fills the right side */
body.mfw .ev-fx{display:none}
@media (min-width:1100px){body.mfw .ev-main{position:relative;overflow:hidden}
body.mfw .ev-pic,body.mfw .ev-txt{position:relative;z-index:1}
body.mfw .ev-txt{max-width:620px}
body.mfw .ev-fx{display:block;position:absolute;top:0;right:0;bottom:0;width:50%;height:100%;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}}
/* the header sky melts into the page: no dividing line, a longer soft fade */
body.mfw .mf-cond-head{border-bottom:0}
body.mfw .mf-cond-sky{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 72%,rgba(0,0,0,.5) 88%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 72%,rgba(0,0,0,.5) 88%,transparent 100%)}
/* sky calendar strip: long names wrap inside their card */
body.mfw .evc{box-sizing:border-box;overflow:hidden}
body.mfw .evc b{display:block;max-width:100%;white-space:normal;overflow-wrap:break-word;word-break:normal;hyphens:auto}
body.mfw .evc em{white-space:nowrap}
/* chapter titles: number and title share one baseline and the same height (the number's capitals match the title's
   tall letters), the number column has one fixed width so every title starts at the same place */
body.mfw .mf-c-chap{--ct:clamp(40px,5.4vw,92px);grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"no b" ". em";align-items:baseline;column-gap:clamp(16px,1.8vw,28px)}
body.mfw .mf-c-chap .no{grid-area:no;grid-row:auto;align-self:baseline;font-size:calc(var(--ct) * 1.04);line-height:1;min-width:1.64em;letter-spacing:0}
body.mfw .mf-c-chap b{grid-area:b;align-self:baseline;font-size:var(--ct);line-height:1}
body.mfw .mf-c-chap em{grid-area:em;padding:10px 0 14px}
/* chapter titles, take 2: the number is as tall as the title and the line under it together */
body.mfw .mf-c-chap{grid-template-areas:"no b" "no em";align-items:end;padding-bottom:16px}
body.mfw .mf-c-chap .no{grid-area:no;align-self:end;line-height:.74;font-size:calc(var(--ct) * var(--nk,1.216) + var(--nb,40px))}
body.mfw .mf-c-chap b{align-self:end;line-height:1}
body.mfw .mf-c-chap em{align-self:end;padding:16px 0 0;line-height:1}
@media (max-width:600px){body.mfw .mf-c-chap{grid-template-columns:minmax(0,1fr);grid-template-areas:"no" "b" "em";row-gap:10px}
body.mfw .mf-c-chap .no{font-size:calc(var(--ct) * 1.1);min-width:0}}
/* ===== live sightings: a map panel and a chat window of equal height ===== */
body.mfw .mf-c-sight .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.mfw .sg-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:24px}
@media (min-width:960px){body.mfw .sg-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);height:clamp(620px,78vh,780px)}}
/* -- the map panel, with the week's numbers laid over it -- */
body.mfw .sg-mapp{position:relative;display:flex;flex-direction:column;min-height:420px;border:1px solid var(--mf-line);background:radial-gradient(90% 70% at 70% 30%,rgba(143,214,165,.07),transparent 70%),radial-gradient(60% 60% at 10% 100%,rgba(169,180,245,.06),transparent 70%),#0c0e0d;overflow:hidden}
body.mfw .sg-mapw{position:absolute;inset:0;padding:96px 18px 110px}
body.mfw .sg-map{display:block;width:100%;height:100%}
body.mfw .sg-map .grat line{stroke:rgba(236,232,224,.05);stroke-width:1;vector-effect:non-scaling-stroke}
body.mfw .sg-map .grat text{fill:rgba(236,232,224,.22);font-family:var(--mf-mono);font-size:15px}
body.mfw .sg-map .ee{fill:rgba(236,232,224,.04);stroke:rgba(236,232,224,.32);stroke-width:1.2;vector-effect:non-scaling-stroke}
body.mfw .sg-map .towns circle{fill:rgba(236,232,224,.4)}
body.mfw .sg-map .towns text{fill:rgba(236,232,224,.42);font-family:var(--mf-mono);font-size:17px;letter-spacing:.04em}
body.mfw .sg-map .d{cursor:pointer}
body.mfw .sg-map .d .c{fill:var(--kc);stroke:#0c0e0d;stroke-width:3;transition:r .2s}
body.mfw .sg-map .d .r{fill:none;stroke:var(--kc);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
body.mfw .sg-map .d.hot .r{animation:mf-sg-ping 2.4s ease-out infinite}
body.mfw .sg-map .d.on .c{r:13;stroke:var(--mf-bone)}
body.mfw .sg-map .d.on .r{opacity:.8;animation:none}
@keyframes mf-sg-ping{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.6);opacity:0}}
body.mfw .sg-mapw.empty::after{content:"Pins appear when people tap “Near me”";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 14px;border:1px dashed var(--mf-line);background:rgba(12,14,13,.8);white-space:nowrap;font-family:var(--mf-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .sg-maptip{position:absolute;transform:translate(-50%,calc(-100% - 16px));padding:6px 10px;background:rgba(10,12,11,.94);border:1px solid var(--mf-line);font-size:12px;color:var(--mf-soft);white-space:nowrap;pointer-events:none;z-index:3}
body.mfw .sg-maptip b{font-weight:600}
body.mfw .sg-stats{position:relative;z-index:2;display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px 28px;padding:20px 22px 0;pointer-events:none}
body.mfw .sg-live{flex-basis:100%;display:flex;align-items:center;gap:8px;font-family:var(--mf-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8FD6A5}
body.mfw .sg-live i{position:relative;width:7px;height:7px;border-radius:50%;background:#8FD6A5}
body.mfw .sg-live i::after{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(143,214,165,.6);--rs:3.5;animation:mf-o-ring 2s ease-out infinite}
body.mfw .sg-big{display:flex;align-items:center;gap:12px}
body.mfw .sg-big b{font-family:var(--mf-display);font-weight:900;font-size:calc(var(--mf-dk) * 72px);line-height:.8;color:var(--mf-bone)}
body.mfw .sg-big span{font-family:var(--mf-serif);font-style:italic;font-size:19px;line-height:1.05;color:var(--mf-soft)}
body.mfw .sg-sub2{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--mf-fog);padding-bottom:2px}
body.mfw .sg-sub2 b{color:var(--mf-bone);font-weight:500}
body.mfw .sg-legend{position:relative;z-index:2;margin-top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--mf-line);border-top:1px solid var(--mf-line)}
body.mfw .sg-legend button,body.mfw .sg-legend button:hover,body.mfw .sg-legend button:focus{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;height:auto;padding:12px 14px 14px;margin:0;background:#0c0e0d;border:0;border-radius:0;color:var(--mf-soft);font-family:var(--mf-sans);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;text-align:left;cursor:pointer;box-shadow:none;transition:background-color .2s,color .2s}
body.mfw .sg-legend button .ic,body.mfw .sg-legend button .ic.an{width:16px!important;height:16px!important;color:var(--kc)!important}
body.mfw .sg-legend button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.mfw .sg-legend button b{font-family:var(--mf-mono);font-weight:400;font-size:12px;color:var(--mf-bone)}
body.mfw .sg-legend button i{position:absolute;left:14px;right:14px;bottom:6px;height:2px;background:#1d201e}
body.mfw .sg-legend button i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:var(--kc);transition:width .8s cubic-bezier(.2,.8,.2,1)}
body.mfw .sg-legend button:hover{background:#121513;color:var(--mf-bone)}
body.mfw .sg-legend button.z{color:var(--mf-fog)}
body.mfw .sg-legend button.z .ic{opacity:.5}
body.mfw .sg-legend button.on{background:color-mix(in srgb,var(--kc) 12%,#0c0e0d);color:var(--mf-bone)}
/* -- the chat window -- */
body.mfw .sg-chat{display:flex;flex-direction:column;min-height:0;height:100%;border:1px solid var(--mf-line);background:#0c0e0d}
@media (max-width:959px){body.mfw .sg-chat{height:auto}
body.mfw .sg-feed{flex:none;min-height:240px;max-height:min(62vh,560px)}
body.mfw .sg-f textarea{min-height:84px}}
body.mfw .sg-chead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--mf-line)}
body.mfw .sg-ctitle{font-family:var(--mf-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mf-bone)}
body.mfw .sg-filter{display:none}
body.mfw .sg-feed{flex:1;min-height:0;list-style:none;margin:0;padding:6px 18px 12px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a2e2b transparent}
body.mfw .sg-day{list-style:none;position:sticky;top:-6px;z-index:1;display:flex;justify-content:center;margin:0;padding:12px 0 8px;background:linear-gradient(#0c0e0d 65%,transparent)}
body.mfw .sg-day span{padding:3px 10px;border:1px solid var(--mf-line);border-radius:999px;background:#0c0e0d;font-family:var(--mf-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .sg-it{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;margin:0 0 10px;padding:0;list-style:none;border:0;background:none}
body.mfw .sg-it.new{animation:mf-sg-in .6s cubic-bezier(.2,.8,.2,1)}
@keyframes mf-sg-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
body.mfw .sg-it.flash .sg-b{animation:mfflash .6s ease}
body.mfw .sg-ic{display:grid;place-items:center;width:34px;height:34px;margin-top:2px;border-radius:50%;border:1px solid color-mix(in srgb,var(--kc) 45%,transparent);background:color-mix(in srgb,var(--kc) 10%,transparent)}
body.mfw .sg-ic .ic,body.mfw .sg-ic .ic.an{width:17px!important;height:17px!important;color:var(--kc)!important}
body.mfw .sg-b{min-width:0;padding:11px 14px 10px;border:1px solid var(--mf-line);border-radius:2px 14px 14px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--kc) 8%,transparent),transparent 55%),#121513;transition:border-color .2s}
body.mfw .sg-it:hover .sg-b{border-color:color-mix(in srgb,var(--kc) 45%,var(--mf-line))}
body.mfw .sg-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:4px}
body.mfw .sg-tag{font-family:var(--mf-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--kc)}
body.mfw .sg-pl{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--mf-bone)}
body.mfw .sg-pl .ic{width:12px;height:12px;color:var(--mf-fog)}
body.mfw .sg-h time{margin-left:auto;font-family:var(--mf-mono);font-size:10px;color:var(--mf-fog)}
body.mfw .sg-b p{margin:0;color:var(--mf-bone);font-size:15px;line-height:1.5;overflow-wrap:anywhere}
body.mfw .sg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:6px}
body.mfw .sg-by{font-family:var(--mf-serif);font-style:italic;font-size:15px;color:var(--mf-soft)}
body.mfw .sg-act{display:inline-flex;gap:12px;margin-left:auto}
body.mfw .sg-act button,body.mfw .sg-act button:hover,body.mfw .sg-act button:focus{height:auto;min-width:0;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;font-family:var(--mf-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-fog);cursor:pointer;opacity:.7;transition:color .2s,opacity .2s}
body.mfw .sg-it:hover .sg-act button{opacity:1}
body.mfw .sg-act button:hover{color:var(--mf-bone)}
body.mfw .sg-act .sg-del{color:#c97b7e}
body.mfw .sg-act .sg-del:hover{color:#e0565b}
body.mfw .sg-act .sg-rep.done{cursor:default}
body.mfw .sg-empty{list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:100%;padding:40px 20px;text-align:center;color:var(--mf-fog);font-size:14px}
body.mfw .sg-empty b{font-family:var(--mf-serif);font-style:italic;font-weight:400;font-size:26px;color:var(--mf-bone)}
body.mfw .sg-eic{display:flex;gap:14px;margin-bottom:6px}
body.mfw .sg-eic .ic,body.mfw .sg-eic .ic.an{width:26px!important;height:26px!important;color:var(--mf-fog)!important;opacity:.7}
/* -- the message box at the bottom of the chat -- */
body.mfw .sg-form{display:flex;flex-direction:column;gap:10px;padding:14px 18px 14px;border-top:1px solid var(--mf-line);background:#0f1211}
body.mfw .sg-kinds{display:flex;flex-wrap:wrap;gap:6px}
body.mfw .sg-kinds::-webkit-scrollbar{display:none}
body.mfw .sg-kinds button,body.mfw .sg-kinds button:hover,body.mfw .sg-kinds button:focus{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;margin:0;background:transparent;border:1px solid var(--mf-line);border-radius:999px;color:var(--mf-soft);font-family:var(--mf-sans);font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;cursor:pointer;box-shadow:none;transition:border-color .2s,color .2s,background-color .2s}
body.mfw .sg-kinds button .ic,body.mfw .sg-kinds button .ic.an{width:15px!important;height:15px!important;flex:none;color:var(--kc)!important}
body.mfw .sg-kinds button:hover{border-color:var(--kc);color:var(--mf-bone)}
body.mfw .sg-kinds button[aria-checked="true"]{border-color:var(--kc);color:var(--mf-bone);background:color-mix(in srgb,var(--kc) 16%,transparent)}
body.mfw .sg-f{position:relative;display:block;margin:0}
body.mfw .sg-f textarea,body.mfw .sg-f input[type="text"]{width:100%;box-sizing:border-box;margin:0;padding:10px 12px!important;background:#0a0c0b!important;border:1px solid var(--mf-line)!important;border-radius:0!important;color:var(--mf-bone)!important;font-family:var(--mf-sans);font-size:14px;line-height:1.45;box-shadow:none!important;outline:none;height:40px;min-height:0;transition:border-color .2s}
body.mfw .sg-f textarea{height:auto;min-height:64px;resize:none;padding-right:64px!important}
body.mfw .sg-f textarea:focus,body.mfw .sg-f input[type="text"]:focus{border-color:var(--mf-soft)!important}
body.mfw .sg-f textarea::placeholder,body.mfw .sg-f input::placeholder{color:var(--mf-fog)}
body.mfw .sg-cnt{position:absolute;right:10px;bottom:8px;font-style:normal;font-family:var(--mf-mono);font-size:10px;color:var(--mf-fog)}
body.mfw .sg-row{display:grid;grid-template-columns:minmax(0,1.4fr) auto minmax(0,1fr);gap:8px}
body.mfw .sg-where .ic{position:absolute;left:10px;top:50%;width:15px;height:15px;transform:translateY(-50%);color:var(--mf-fog);pointer-events:none}
body.mfw .sg-where input[type="text"]{padding-left:32px!important}
body.mfw .sg-me,body.mfw .sg-me:hover,body.mfw .sg-me:focus{height:40px!important;white-space:nowrap;font-size:10px!important}
body.mfw .sg-me.on{border-color:#8FD6A5!important;color:#8FD6A5!important}
body.mfw .sg-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
body.mfw .sg-send{display:flex;align-items:center;gap:12px}
body.mfw .sg-human,body.mfw .sg-human:hover,body.mfw .sg-human:focus{display:grid;grid-template-columns:20px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;height:auto;padding:7px 12px 7px 10px;margin:0;background:#0a0c0b;border:1px solid var(--mf-line);border-radius:0;box-shadow:none;cursor:pointer;text-align:left;text-transform:none;letter-spacing:0;transition:border-color .2s}
body.mfw .sg-human:hover{border-color:var(--mf-soft)}
body.mfw .sg-human .bx{grid-row:span 2;position:relative;width:18px;height:18px;border:1.5px solid var(--mf-soft);box-sizing:border-box;transition:border-color .2s,background-color .2s}
body.mfw .sg-human .t{font-family:var(--mf-sans);font-size:13px;line-height:1.2;color:var(--mf-bone)}
body.mfw .sg-human em{font-style:normal;font-family:var(--mf-mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .sg-human.busy .bx{border-color:transparent;border-top-color:#8FD6A5;border-right-color:#8FD6A5;border-radius:50%;animation:mfspin .7s linear infinite}
body.mfw .sg-human.ok{border-color:rgba(143,214,165,.55);cursor:default}
body.mfw .sg-human.ok .bx{background:#8FD6A5;border-color:#8FD6A5}
body.mfw .sg-human.ok .bx::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #0a0c0b;border-width:0 2px 2px 0;transform:rotate(45deg)}
body.mfw .sg-human.err .bx{border-color:#e0565b}
body.mfw .sg-msg{flex:1;min-width:0;font-size:12px;line-height:1.35;color:var(--mf-soft)}
body.mfw .sg-go,body.mfw .sg-go:hover,body.mfw .sg-go:focus{margin-left:auto;height:40px!important;padding:0 18px!important;background:var(--mf-bone)!important;color:var(--mf-ink)!important;border-color:var(--mf-bone)!important}
body.mfw .sg-go:hover{background:#fff!important}
body.mfw .sg-go[disabled]{opacity:.6;cursor:progress}
body.mfw .sg-note{margin:0;font-size:11px;line-height:1.45;color:var(--mf-fog)}
@media (max-width:600px){body.mfw .sg-row{grid-template-columns:minmax(0,1fr) auto}
body.mfw .sg-who{grid-column:1 / -1}
body.mfw .sg-f textarea{min-height:92px}
body.mfw .sg-send{flex-wrap:wrap}
body.mfw .sg-msg{flex-basis:100%;order:3}
body.mfw .sg-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
body.mfw .sg-mapw{position:relative;inset:auto;padding:0 10px;height:240px}
body.mfw .sg-mapp{min-height:0}
body.mfw .sg-stats{padding-bottom:6px;order:-1}}
@media (prefers-reduced-motion: reduce){body.mfw .sg-map .d.hot .r,body.mfw .sg-it.new,body.mfw .sg-live i::after{animation:none}}
/* sightings: more to do, and room for the section menu */
body.mfw .sg-upd{font-style:normal;color:var(--mf-fog);letter-spacing:.08em;margin-left:6px}
body.mfw .sg-upd:not(:empty)::before{content:"· "}
body.mfw .sg-modb{display:none;margin-right:auto;padding:3px 8px;border:1px solid rgba(224,86,91,.4);font-family:var(--mf-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#e88f92}
body.mfw .mf-c-sight.is-mod .sg-modb{display:inline-block}
body.mfw .sg-chead{gap:14px}
body.mfw .sg-act .sg-too,body.mfw .sg-act .sg-too:hover,body.mfw .sg-act .sg-too:focus{display:inline-flex;align-items:center;gap:5px;padding:3px 8px!important;border:1px solid var(--mf-line)!important;border-radius:999px!important;color:var(--mf-soft)!important;opacity:1!important;text-decoration:none}
body.mfw .sg-act .sg-too b{font-weight:400;color:var(--kc)}
body.mfw .sg-act .sg-too:hover{border-color:var(--kc)!important;color:var(--mf-bone)!important}
body.mfw .sg-act .sg-too.on{border-color:color-mix(in srgb,var(--kc) 60%,transparent)!important;color:var(--kc)!important;background:color-mix(in srgb,var(--kc) 10%,transparent)!important;cursor:default}
body.mfw .sg-act .sg-too.pop{animation:mf-sg-pop .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes mf-sg-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
body.mfw .sg-act .sg-del.sure{color:#fff!important;background:#b8484c!important;padding:3px 8px!important;opacity:1!important}
body.mfw .sg-act .sg-res{color:#8FD6A5!important}
body.mfw .sg-hid{font-family:var(--mf-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#e88f92}
body.mfw .sg-it.is-hidden .sg-b{opacity:.6;border-style:dashed}
body.mfw .sg-pl{cursor:pointer}
body.mfw .sg-pl:hover{text-decoration:underline;text-underline-offset:3px}
body.mfw .sg-cnt.near{color:#f0b84a}
body.mfw .sg-chat{position:relative}
body.mfw .sg-newpill,body.mfw .sg-newpill:hover,body.mfw .sg-newpill:focus{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(var(--sgf,230px) + 12px);z-index:3;height:30px;padding:0 14px;margin:0;border:1px solid rgba(143,214,165,.5);border-radius:999px;background:#0f1a14;color:#8FD6A5;font-family:var(--mf-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.4);animation:mf-sg-in .4s ease}
body.mfw .sg-newpill[hidden]{display:none}
/* the section menu on the right edge: only its dots catch the mouse, so it never covers buttons on the page */
body.mfw .mf-cnav.on button{pointer-events:none}
body.mfw .mf-cnav.on button i{position:relative;pointer-events:auto}
body.mfw .mf-cnav.on button i::after{content:"";position:absolute;inset:-7px -9px}
@media (min-width:1101px){body.mfw .mf-cond-body{padding-right:calc(var(--mf-gutter) + 22px)}}
/* sky calendar on phones and tablets: everything stays inside the card, and the animated scene replaces the still picture */
@media (max-width:1099px){body.mfw .ev-main{grid-template-columns:minmax(0,1fr)!important;overflow:hidden}
body.mfw .ev-txt{min-width:0}
body.mfw .ev-txt h3{overflow-wrap:anywhere}
body.mfw .ev-ics{white-space:normal!important;text-align:left;line-height:1.5}
body.mfw .ev-btns{flex-wrap:wrap}
body.mfw .ev-btns .ev-gcal{flex:1 1 auto;justify-content:center;white-space:normal;height:auto!important;min-height:38px;padding:8px 12px!important;text-align:center}
body.mfw .ev-pic{display:none}
body.mfw .ev-fx{display:block;order:-1;width:calc(100% + 36px);height:clamp(180px,52vw,260px);margin:-18px -18px 0;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}}
/* outdoors: three verdicts under today's cards, and the hiking & camping section */
body.mfw .mf-c-out{--ac:#B9D48F}
body.mfw .mf-cnav [data-s="out"]{--ac:#B9D48F}
body.mfw .mf-c-outd{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:stretch;gap:1px;margin-top:1px;background:var(--mf-line);border:1px solid var(--mf-line);border-top:0}
body.mfw .mf-c-outd > .mf-note{display:flex;align-items:center;padding:0 18px;background:var(--mf-ink);color:var(--mf-fog)}
body.mfw .mf-c-outd .oc,body.mfw .mf-c-outd .oc:hover,body.mfw .mf-c-outd .oc:focus{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;height:auto;padding:14px 16px 16px;margin:0;background:var(--mf-ink);border:0;border-radius:0;box-shadow:none;color:var(--mf-soft);font:inherit;text-transform:none;letter-spacing:0;text-align:left;cursor:pointer;transition:background-color .2s}
body.mfw .mf-c-outd .oc:hover{background:#151816}
body.mfw .oi{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--mf-line)}
body.mfw .oi .ic{width:18px;height:18px}
body.mfw .oc.t4 .oi,body.mfw .oc.t3 .oi{border-color:rgba(143,214,165,.5);color:#8FD6A5}
body.mfw .oc.t2 .oi{border-color:rgba(240,184,74,.45);color:#f0b84a}
body.mfw .oc.t1 .oi{border-color:rgba(224,86,91,.4);color:#e88f92}
body.mfw .ot{display:flex;flex-direction:column;gap:2px;min-width:0}
body.mfw .ot em{font-style:normal;font-family:var(--mf-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .ot b{font-family:var(--mf-display);font-weight:700;font-size:17px;color:var(--mf-bone)}
body.mfw .ot small{font-size:12px;line-height:1.4;color:var(--mf-soft)}
body.mfw .ob{position:absolute;left:16px;right:16px;bottom:6px;height:2px;background:#1d201e}
body.mfw .ob::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--v) * 100%);background:currentColor;transition:width .9s cubic-bezier(.2,.8,.2,1)}
body.mfw .oc.t4 .ob,body.mfw .oc.t3 .ob,body.mfw .orow.t4 .ob,body.mfw .orow.t3 .ob{color:#8FD6A5}
body.mfw .oc.t2 .ob,body.mfw .orow.t2 .ob{color:#f0b84a}
body.mfw .oc.t1 .ob,body.mfw .orow.t1 .ob{color:#e0565b}
@media (max-width:900px){body.mfw .mf-c-outd{grid-template-columns:minmax(0,1fr)}
body.mfw .mf-c-outd > .mf-note{padding:12px 16px 4px}}
body.mfw .od-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--mf-line);border:1px solid var(--mf-line);margin-top:22px}
body.mfw .od{display:flex;flex-direction:column;background:var(--mf-ink)}
body.mfw .od header{display:flex;align-items:baseline;justify-content:space-between;padding:16px 18px 10px;border-bottom:1px solid var(--mf-line)}
body.mfw .od header b{font-family:var(--mf-display);font-weight:700;font-size:18px;color:var(--mf-bone)}
body.mfw .od header span{font-family:var(--mf-mono);font-size:11px;color:var(--mf-fog)}
body.mfw .orow{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:14px 18px;border-bottom:1px solid var(--mf-line)}
body.mfw .orow > .ic{width:20px;height:20px;margin-top:2px;color:var(--mf-soft)}
body.mfw .orow > span{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"em b" "bar bar" "sm sm";gap:4px 10px;align-items:baseline}
body.mfw .orow em{grid-area:em;font-style:normal;font-family:var(--mf-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-fog)}
body.mfw .orow b{grid-area:b;font-family:var(--mf-display);font-weight:700;font-size:16px;color:var(--mf-bone)}
body.mfw .orow .ob{grid-area:bar;position:relative;left:auto;right:auto;bottom:auto;margin:4px 0 2px}
body.mfw .orow small{grid-area:sm;font-size:13px;line-height:1.5;color:var(--mf-soft)}
body.mfw .orow small strong{font-weight:500;color:var(--mf-bone)}
body.mfw .orow.t4 > .ic,body.mfw .orow.t3 > .ic{color:#8FD6A5}
body.mfw .orow.t2 > .ic{color:#f0b84a}
body.mfw .orow.t1 > .ic{color:#e88f92}
body.mfw .od footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding:12px 18px;font-family:var(--mf-mono);font-size:11px;color:var(--mf-soft)}
body.mfw .od footer .ic{width:16px;height:16px;color:var(--a-rise,#F2C26B)}
body.mfw .od footer span{margin-left:auto;color:var(--mf-fog)}
body.mfw .od-tips{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:18px;padding:18px 20px;border:1px solid var(--mf-line);background:var(--mf-ink-2)}
body.mfw .od-tips ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--mf-soft);font-size:14px;line-height:1.5}
@media (min-width:900px){body.mfw .od-tips ul{grid-template-columns:1fr 1fr;column-gap:32px}}
body.mfw .od-more{margin:4px 0 0;font-size:13px;color:var(--mf-fog)}
body.mfw .od-more a{color:var(--mf-bone)}
/* "Conditions for": no panel at all – the words sit straight on the night sky, held up by a soft shadow */
body.mfw .mf-cond-where{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;gap:6px!important;isolation:isolate;text-shadow:0 1px 18px rgba(0,0,0,.55)}
body.mfw .mf-cond-where::before{content:""!important;position:absolute!important;left:-90px!important;right:-90px!important;top:-70px!important;bottom:-50px!important;width:auto!important;height:auto!important;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(5,7,12,.5),rgba(5,7,12,.22) 55%,rgba(5,7,12,0))!important}
body.mfw .mf-cond-where > label{display:flex;align-items:center;gap:10px}
body.mfw .mf-cw-dot{position:relative;width:7px;height:7px;border-radius:50%;background:#e0565b;flex:none}
body.mfw .mf-cw-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(224,86,91,.6);animation:mf-o-ring 2s ease-out infinite}
@media (prefers-reduced-motion:reduce){body.mfw .mf-cw-dot::after{animation:none}}
body.mfw .mf-cond-where .row{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:4px 22px!important}
body.mfw .mf-cond-where .mf-cond-place{field-sizing:content;flex:0 1 auto!important;width:auto;max-width:100%;min-width:0;height:auto!important;padding:0 34px 2px 0!important;background-color:transparent!important;background-position:right 2px center!important;border:0!important;border-radius:0!important;font-family:var(--mf-display);font-weight:900;font-size:clamp(30px,3.4vw,46px);line-height:1.1;letter-spacing:-.01em;color:var(--mf-bone);text-shadow:inherit;cursor:pointer;transition:opacity .2s}
body.mfw .mf-cond-where .mf-cond-place:hover{opacity:.82}
body.mfw .mf-cond-where .mf-cond-place:focus-visible{outline:1px dashed rgba(236,232,224,.5);outline-offset:6px}
body.mfw .mf-cond-where .mf-cond-place option,body.mfw .mf-cond-where .mf-cond-place optgroup{background:#121514;color:var(--mf-bone);font-family:var(--mf-sans);font-size:15px;font-weight:400;text-shadow:none}
body.mfw .mf-cond-where .mf-cond-place optgroup{color:var(--mf-fog);font-style:normal}
body.mfw .mf-cond-where .mf-cond-me,body.mfw .mf-cond-where .mf-cond-me:hover,body.mfw .mf-cond-where .mf-cond-me:focus{height:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;font-family:var(--mf-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mf-fog)!important;text-shadow:inherit}
body.mfw .mf-cond-where .mf-cond-me:hover,body.mfw .mf-cond-where .mf-cond-me:focus-visible{color:var(--mf-bone)!important}
body.mfw .mf-cond-where .mf-cond-live{border:0!important;padding:14px 0 0!important;gap:6px 18px}
body.mfw .mf-cond-where .mf-cond-live .lv-m{border-left:0!important;padding-left:0!important}
body.mfw .mf-cond-where .mf-cond-live .lv-m span,body.mfw .mf-cond-where .mf-cond-live .lv-t span{color:rgba(236,232,224,.78)}
body.mfw .mf-cond-where .mf-cond-live .lv-tag{top:3px!important;right:auto!important;left:auto!important;position:static!important;grid-column:1 / -1;order:-1;display:none!important}
body.mfw .mf-cond-where .mf-cond-upd{color:rgba(236,232,224,.5)}
@media (max-width:600px){body.mfw .mf-cond-where .mf-cond-place{font-size:30px}
body.mfw .mf-cond-where .mf-cond-live .lv-m{border-top:0!important;padding-top:4px!important}}
/* layout: the title on the left gutter, the conditions on the right gutter, both resting on the same line above the trees */
body.mfw .mf-cond-head{align-items:end!important;overflow-x:clip}
/* both blocks rest just above the treeline (the trees are drawn in the bottom part of the header) */
body.mfw .mf-cond-head{padding-bottom:clamp(118px,13vh,148px)!important}
@media (max-width:700px){body.mfw .mf-cond-head{padding-bottom:96px!important}}
body.mfw .mf-cond-where::before{right:-40px!important}
@media (max-width:999px){body.mfw .mf-cond-where::before{left:-30px!important;right:-30px!important}}
body.mfw .mf-cond-where{width:fit-content!important;min-width:min(400px,100%);max-width:min(620px,100%)!important;justify-self:end!important;align-self:end!important}
body.mfw .mf-cw-top{display:flex;align-items:center;justify-content:space-between;gap:28px}
body.mfw .mf-cw-top label{display:flex;align-items:center;gap:10px;margin:0}
body.mfw .mf-cond-where .row{gap:0!important}
body.mfw .mf-cond-where .mf-cond-place{font-size:clamp(32px,2.9vw,60px)}
body.mfw .mf-cond-where .mf-cond-live{grid-template-columns:auto auto minmax(0,1fr)!important;align-items:center;gap:6px 22px!important;padding-top:16px!important}
body.mfw .mf-cond-where .mf-cond-live > .ic{width:clamp(44px,3vw,60px);height:clamp(44px,3vw,60px)}
body.mfw .mf-cond-where .mf-cond-live .lv-t b{font-size:clamp(34px,2.4vw,52px)}
body.mfw .mf-cond-where .mf-cond-live .lv-m{gap:6px}
@media (min-width:1600px){body.mfw .mf-cond-where .mf-cond-live .lv-m span{font-size:12px}
body.mfw .mf-cond-where .mf-cond-upd{font-size:11px!important}}
body.mfw .mf-cond-where .mf-cond-upd{padding-top:4px}
@media (max-width:999px){body.mfw .mf-cond-where{justify-self:stretch!important;width:100%!important;min-width:0}}
@media (max-width:600px){body.mfw .mf-cw-top{gap:12px}
body.mfw .mf-cond-where .mf-cond-live{grid-template-columns:auto 1fr!important}}
/* the place and the "Where I am" button share one line; the button is a clear outlined button */
body.mfw .mf-cond-where .row{display:flex!important;align-items:center!important;justify-content:space-between;flex-wrap:nowrap!important;gap:20px!important}
body.mfw .mf-cond-where .mf-cond-place{font-size:clamp(28px,2.3vw,48px)!important}
body.mfw .mf-cond-where .mf-cond-me,body.mfw .mf-cond-where .mf-cond-me:hover,body.mfw .mf-cond-where .mf-cond-me:focus{flex:none;display:inline-flex;align-items:center;height:40px!important;padding:0 16px!important;border:1px solid rgba(236,232,224,.45)!important;border-radius:0!important;background:rgba(8,10,14,.25)!important;color:var(--mf-bone)!important;font-size:11px;letter-spacing:.14em;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
body.mfw .mf-cond-where .mf-cond-me:hover,body.mfw .mf-cond-where .mf-cond-me:focus-visible{background:var(--mf-bone)!important;color:#0e1013!important;border-color:var(--mf-bone)!important;text-shadow:none}
body.mfw .mf-cond-where .mf-cond-me.on{border-color:#8FD6A5!important;color:#8FD6A5!important}
body.mfw .mf-cond-where .mf-cond-me.on:hover{background:#8FD6A5!important;color:#0e1013!important}
/* live data: a green pulse */
body.mfw .mf-cw-dot{background:#8FD6A5!important}
body.mfw .mf-cw-dot::after{background:rgba(143,214,165,.55)!important}
@media (max-width:600px){body.mfw .mf-cond-where .row{gap:12px!important}
body.mfw .mf-cond-where .mf-cond-me,body.mfw .mf-cond-where .mf-cond-me:hover,body.mfw .mf-cond-where .mf-cond-me:focus{height:36px!important;padding:0 11px!important;font-size:10px;letter-spacing:.08em}}
/* plain arrow cursor over the header sky (it was a crosshair) */
body.mfw .mf-cond-head{cursor:auto}