.map{--ocean:#b9d3ea;--land:#e9e6df;--coast:#ffffff;--grid:#a9c5de;--lblstroke:rgba(255,255,255,.9)}
.light{--bg:#ffffff;--text:#111111;--sub:#7a7a7a;--line:#d9d9d9;--soft:#f4f4f4;--card:#ffffff;--accent:#111111;--accentfg:#ffffff;--ctl:#ffffff}
.dark{--bg:#000000;--text:#f2f2f2;--sub:#8c8c8c;--line:#2e2e2e;--soft:#141414;--card:#000000;--accent:#f2f2f2;--accentfg:#000000;--ctl:#000000}
body{margin:0;font-family:'Archivo','Arial Narrow',Arial,sans-serif;font-stretch:75%;font-weight:500;background:#ffffff;color:#111111;-webkit-font-smoothing:antialiased;letter-spacing:-0.005em}
a{color:var(--text)}a:hover{color:var(--sub)}
button{font-family:inherit;font-stretch:inherit;cursor:pointer;color:inherit}
.lab{font-size:12px;font-weight:500;color:var(--text)}
.cap{font-size:11px;font-weight:500;color:var(--sub);text-transform:uppercase;letter-spacing:.06em}
.pill{border:1.5px solid var(--text);background:transparent;padding:6px 14px;font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px;line-height:1;white-space:nowrap}
.pill.on{background:var(--accent);color:var(--accentfg)}
.pill:hover{background:var(--soft)}.pill.on:hover{background:var(--accent)}
.sq{width:44px;height:44px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text)}
.sq:hover{background:var(--soft)}
.sq.on{background:var(--accent);color:var(--accentfg)}
.cell{border-bottom:1px solid var(--line)}
.tab{background:none;border:0;border-bottom:1px solid var(--line);padding:0;height:48px;font-size:13px;font-weight:600;color:var(--sub);flex:1;text-transform:uppercase;letter-spacing:.06em}
.tab.on{color:var(--text);box-shadow:inset 0 -2px 0 var(--text)}
.row{display:flex;align-items:center;gap:14px;padding:0 20px;height:64px;border:0;border-bottom:1px solid var(--line);background:none;width:100%;text-align:left;color:var(--text)}
.row:hover{background:var(--soft)}
.row.sel{background:var(--soft)}
.mc{width:40px;height:40px;border:1.5px solid var(--text);background:var(--ctl);color:var(--text);display:flex;align-items:center;justify-content:center}
.mc:hover{background:var(--soft)}
.cloud{cursor:pointer}
.cloud:hover{fill:rgba(127,127,127,.15)}
.lbl{font-family:inherit;font-stretch:75%;font-weight:600;fill:#111111;pointer-events:none;paint-order:stroke;stroke:var(--lblstroke);stroke-width:3px;stroke-linejoin:round}
input.tl{-webkit-appearance:none;appearance:none;width:100%;background:transparent;outline:none;margin:0;cursor:pointer}
input.tl::-webkit-slider-runnable-track{height:28px;background:transparent}
input.tl::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--bg);border:1.5px solid var(--text);cursor:grab;margin-top:2px}
input.tl::-moz-range-track{height:28px;background:transparent}
input.tl::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--bg);border:1.5px solid var(--text);cursor:grab}
.mini{display:flex;gap:1px}
.mini i{flex:1;height:10px;display:block}