/* Standalone, versioned Moon map UI. All selectors are scoped to avoid changing other trackers. */
.stmm-shell,.stmm-shell *{box-sizing:border-box}
.stmm-shell{--stmm-ink:#eef6ff;--stmm-muted:#9eb4c8;--stmm-dim:#718aa1;--stmm-line:rgba(145,183,215,.16);--stmm-blue:#69c8ff;--stmm-panel:#0a1928;--stmm-card:#0b1e30;position:relative;isolation:isolate;margin:16px 0;padding:clamp(18px,3vw,30px);overflow:hidden;border:1px solid rgba(113,165,204,.19);border-radius:22px;background:radial-gradient(ellipse at 88% 0,rgba(38,125,179,.16),transparent 36%),linear-gradient(145deg,#0c1c2c 0%,#081522 72%,#07121e 100%);color:var(--stmm-ink);box-shadow:0 18px 55px rgba(0,0,0,.22);font:inherit}
.stmm-shell [hidden]{display:none!important}
.stmm-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}
.stmm-kicker,.stmm-label{display:block;color:#79d4ff;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.stmm-heading h2{margin:7px 0 7px;color:#f1f7ff;font-size:clamp(23px,3vw,31px);line-height:1.15;letter-spacing:-.025em}
.stmm-heading p,.stmm-panel-head p{max-width:720px;margin:0;color:var(--stmm-muted);font-size:13px;line-height:1.6}
.stmm-source-badge{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:9px 12px;border:1px solid rgba(91,207,161,.23);border-radius:999px;background:rgba(29,98,76,.12);color:#b3e6d1;font-size:10px;font-weight:700}
.stmm-source-badge i,.stmm-live-dot{width:7px;height:7px;border-radius:50%;background:#63d6a5;box-shadow:0 0 12px rgba(99,214,165,.75)}
.stmm-tabs{display:flex;gap:7px;margin:0 0 14px;padding:5px;border:1px solid var(--stmm-line);border-radius:14px;background:rgba(3,12,21,.55)}
.stmm-tab{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;min-height:46px;padding:10px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9bb2c7;font:inherit;font-size:13px;font-weight:750;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
.stmm-tab span{color:#617a92;font-size:9px;letter-spacing:.1em}
.stmm-tab:hover{background:rgba(69,137,184,.1);color:#eef7ff}
.stmm-tab.is-active{border-color:rgba(92,187,238,.28);background:linear-gradient(110deg,rgba(32,100,146,.38),rgba(18,51,77,.38));color:#f5faff;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.stmm-tab.is-active span{color:#8bdbff}
.stmm-tab:focus-visible,.stmm-button:focus-visible,.stmm-site-chip:focus-visible,.stmm-surface-viewport:focus-visible{outline:2px solid #78d5ff;outline-offset:2px}
.stmm-panel{padding:clamp(14px,2.2vw,22px);border:1px solid var(--stmm-line);border-radius:17px;background:linear-gradient(145deg,rgba(12,30,47,.94),rgba(7,20,33,.96));animation:stmm-in .24s ease both}
@keyframes stmm-in{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.stmm-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.stmm-panel-head h3{margin:5px 0 5px;color:#eef6ff;font-size:clamp(18px,2.3vw,23px);line-height:1.2}
.stmm-quick-actions,.stmm-map-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.stmm-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid rgba(132,174,207,.23);border-radius:10px;background:#0b1a29;color:#bfd0df;font:inherit;font-size:11px;font-weight:750;line-height:1.2;cursor:pointer;transition:all .17s ease}
.stmm-button:hover{transform:translateY(-1px);border-color:rgba(105,200,255,.56);background:#10283b;color:#f5faff}
.stmm-button-primary{border-color:rgba(80,185,237,.48);background:linear-gradient(135deg,#12547c,#0d3654);color:#f4fbff}
.stmm-button-quiet{background:rgba(7,18,29,.48)}
.stmm-button.is-active{border-color:rgba(85,194,243,.45);background:rgba(23,83,119,.42);color:#d9f3ff}
.stmm-zoom{width:38px;padding-inline:0;font-size:16px}
.stmm-sky-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(235px,.72fr);gap:14px;align-items:stretch}
.stmm-sky-frame{position:relative;min-width:0;padding:10px 12px 12px;border:1px solid rgba(100,160,203,.2);border-radius:15px;background:radial-gradient(ellipse at 50% 42%,rgba(26,76,118,.18),transparent 57%),linear-gradient(180deg,#06111e,#081827);overflow:hidden}
.stmm-sky-location{position:absolute;z-index:2;top:12px;left:14px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 28px);overflow:hidden;color:#abc1d4;font-size:10px;white-space:nowrap;text-overflow:ellipsis}
.stmm-live-dot{width:6px;height:6px;flex:0 0 6px}
.stmm-sky-svg{display:block;width:min(100%,580px);height:auto;max-height:440px;margin:12px auto 0;overflow:visible;touch-action:manipulation;cursor:crosshair}
.stmm-sky-disc{fill:url(#stmm-sky-gradient);stroke:#416785;stroke-width:1.5;filter:drop-shadow(0 12px 35px rgba(0,0,0,.2))}
.stmm-sky-ring{fill:none;stroke:rgba(147,190,222,.2);stroke-width:1;stroke-dasharray:3 6}
.stmm-sky-cross{stroke:rgba(136,180,211,.14);stroke-width:1;stroke-dasharray:2 8}
.stmm-stars circle{fill:#d8eeff;opacity:.72}
.stmm-sky-svg text{font-family:inherit;user-select:none;pointer-events:none}
.stmm-compass{fill:#b8cfe3;font-size:12px;font-weight:850;text-anchor:middle;dominant-baseline:middle;letter-spacing:.08em}
.stmm-alt-label{fill:#7898b2;font-size:9px;font-weight:650}
.stmm-zenith{fill:#6f8ba4;font-size:7px;letter-spacing:.11em;text-anchor:middle}
.stmm-sky-track{fill:none;stroke:#59c3f4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 5;opacity:.64}
.stmm-sky-moon{cursor:pointer;outline:none;transition:transform .2s ease}
.stmm-sky-moon:hover,.stmm-sky-moon:focus{filter:drop-shadow(0 0 10px rgba(255,255,255,.9))}
.stmm-moon-halo{fill:rgba(113,210,255,.21);stroke:rgba(182,232,255,.4);stroke-width:1}
.stmm-moon-body{fill:url(#stmm-moon-light);stroke:#fff;stroke-width:1.2}
.stmm-moon-shadow{fill:#667d91;opacity:.53}
.stmm-moon-label{fill:#f4faff;font-size:9px;font-weight:850;letter-spacing:.08em;text-shadow:0 1px 5px #03111e}
.stmm-sky-inspected{pointer-events:none}
.stmm-sky-inspected circle{fill:none;stroke:#ffd17d;stroke-width:2;stroke-dasharray:3 3}
.stmm-sky-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 17px;margin:2px 0 0;color:#7892a8;font-size:9px}
.stmm-sky-legend span{display:inline-flex;align-items:center;gap:6px}
.stmm-legend-moon{width:7px;height:7px;border-radius:50%;background:#e9f3fc;box-shadow:0 0 7px #88ceef}
.stmm-legend-path{width:14px;border-top:2px dashed #59c3f4}
.stmm-sky-data{display:flex;flex-direction:column;min-width:0;padding:16px;border:1px solid rgba(115,164,199,.17);border-radius:14px;background:linear-gradient(155deg,#0b1e2f,#081624)}
.stmm-sky-data-top{display:grid;gap:5px;padding-bottom:10px;border-bottom:1px solid var(--stmm-line)}
.stmm-sky-data-top strong{color:#f1f8ff;font-size:17px}
.stmm-reading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(145,183,215,.1);font-size:11px}
.stmm-reading span{color:#8099ae}.stmm-reading strong{color:#e1effa;font-size:12px;text-align:right}
.stmm-inspector{min-height:53px;margin:12px 0;padding:10px 11px;border:1px solid rgba(255,201,112,.17);border-radius:10px;background:rgba(104,75,26,.12);color:#cfbf9e;font-size:10px;line-height:1.5}
.stmm-time-controls{display:grid;gap:7px;margin-top:auto;padding-top:7px}
.stmm-time-controls label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9db2c4;font-size:10px;font-weight:700}
.stmm-time-controls input[type=date]{width:100%;min-height:38px;padding:7px 9px;border:1px solid rgba(139,179,209,.23);border-radius:9px;background:#061321;color:#eaf5ff;color-scheme:dark;font:inherit;font-size:11px}
.stmm-time-controls input[type=range]{width:100%;height:20px;accent-color:#68caff;cursor:pointer}
.stmm-time-controls output{color:#d9efff;font-variant-numeric:tabular-nums}
.stmm-time-controls small{color:#6d879d;font-size:9px;line-height:1.45}
.stmm-method{margin:11px 2px 0;color:#6e879d;font-size:10px;line-height:1.55}
.stmm-surface-wrap{padding:9px;border:1px solid rgba(110,160,196,.2);border-radius:15px;background:#050f19}
.stmm-surface-viewport{position:relative;width:100%;aspect-ratio:2/1;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at center,#263746,#08121a);cursor:crosshair;touch-action:pan-y}
.stmm-surface-transform{position:absolute;inset:0;transform:scale(1);transform-origin:center center;transition:transform .22s ease}
.stmm-surface-image,.stmm-surface-svg{position:absolute;inset:0;display:block;width:100%;height:100%}
.stmm-surface-image{object-fit:cover;user-select:none;filter:brightness(.82) contrast(1.12) saturate(1.13)}
.stmm-surface-svg{overflow:visible}
.stmm-grid-lines{transition:opacity .2s ease}.stmm-grid-lines path{fill:none;stroke:rgba(204,229,246,.5);stroke-width:1;stroke-dasharray:5 6;vector-effect:non-scaling-stroke}.stmm-grid-lines text{fill:#e8f6ff;font-family:inherit;font-size:13px;font-weight:800;paint-order:stroke;stroke:rgba(4,14,23,.8);stroke-width:3px;stroke-linejoin:round}
.stmm-site-markers{transition:opacity .2s ease}.stmm-site-pin{cursor:pointer;outline:none}.stmm-site-pin circle:first-child{fill:rgba(255,182,77,.28);stroke:#ffd486;stroke-width:1.5;vector-effect:non-scaling-stroke;transition:r .16s ease,fill .16s ease}.stmm-site-pin circle:nth-child(2){fill:#ffe2a4;stroke:#503411;stroke-width:1;vector-effect:non-scaling-stroke}.stmm-site-pin text{fill:#fff5df;font-family:inherit;font-size:12px;font-weight:900;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#17222a;stroke-width:3px;pointer-events:none}.stmm-site-pin:hover circle:first-child,.stmm-site-pin:focus circle:first-child,.stmm-site-pin.is-selected circle:first-child{r:14;fill:rgba(255,193,99,.58)}
.stmm-side-tag{position:absolute;top:50%;z-index:2;transform:translateY(-50%);padding:5px 8px;border:1px solid rgba(220,234,245,.16);border-radius:999px;background:rgba(4,13,21,.72);color:#e1ecf4;font-size:8px;font-weight:900;letter-spacing:.12em;pointer-events:none}
.stmm-side-far{left:10px}.stmm-side-near{left:50%;transform:translate(-50%,-50%)}.stmm-side-far-right{right:10px}
.stmm-map-hint{position:absolute;right:10px;bottom:10px;left:10px;z-index:3;display:flex;justify-content:space-between;gap:10px;color:#e1eff8;font-size:9px;text-shadow:0 1px 5px #000;pointer-events:none}
.stmm-map-hint span{padding:3px 6px;border:1px solid rgba(220,234,245,.16);border-radius:999px;background:rgba(5,15,24,.78);font-variant-numeric:tabular-nums}
.stmm-map-fallback{position:absolute;inset:12px;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border:1px dashed rgba(155,193,218,.32);border-radius:10px;background:rgba(5,14,22,.95);color:#b3c7d8;text-align:center;font-size:12px}
.stmm-map-fallback strong{color:#f1f7fb;font-size:15px}.stmm-map-fallback a,.stmm-attribution a{color:#7cd2ff;text-decoration:none}.stmm-map-fallback a:hover,.stmm-attribution a:hover{text-decoration:underline}
.stmm-surface-detail{display:grid;grid-template-columns:1fr;gap:4px;margin:13px 0 10px;padding:13px 15px;border:1px solid rgba(122,173,207,.16);border-left:3px solid #65c8f6;border-radius:11px;background:rgba(7,21,34,.72)}
.stmm-surface-detail strong{color:#f2f8ff;font-size:14px}.stmm-surface-detail p{margin:0;color:#9bb1c4;font-size:10px;line-height:1.5}
.stmm-site-list{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0 4px}
.stmm-site-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid rgba(133,174,205,.18);border-radius:999px;background:rgba(6,18,29,.7);color:#b5c8d8;font:inherit;font-size:10px;font-weight:700;cursor:pointer;transition:all .15s ease}
.stmm-site-chip:hover,.stmm-site-chip.is-selected{border-color:rgba(255,202,126,.55);background:rgba(105,75,32,.27);color:#ffedce}
.stmm-site-chip b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,201,112,.18);color:#ffdc9d;font-size:9px}
.stmm-attribution{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(142,177,202,.12);color:#748ba0;font-size:9px;line-height:1.5}
.stmm-attribution>span:last-child{display:flex;flex-wrap:wrap;gap:9px}
.stmm-footer{display:flex;justify-content:space-between;gap:10px;margin-top:13px;color:#6c8398;font-size:9px;line-height:1.5}
@media(max-width:900px){.stmm-heading{flex-direction:column}.stmm-source-badge{align-self:flex-start}.stmm-sky-layout{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)}.stmm-sky-svg{margin-top:18px}}
@media(max-width:680px){.stmm-shell{padding:14px;border-radius:17px}.stmm-panel{padding:12px}.stmm-panel-head{flex-direction:column}.stmm-quick-actions,.stmm-map-tools{justify-content:flex-start}.stmm-sky-layout{grid-template-columns:1fr}.stmm-sky-svg{width:min(100%,480px)}.stmm-sky-data{min-height:0}.stmm-time-controls{margin-top:5px}.stmm-surface-viewport{max-height:none}.stmm-attribution{flex-direction:column}.stmm-footer{flex-direction:column;gap:3px}}
@media(max-width:420px){.stmm-tabs{gap:4px}.stmm-tab{min-height:42px;padding:8px 9px;font-size:11px}.stmm-tab span{display:none}.stmm-map-tools{gap:5px}.stmm-button{min-height:35px;padding:7px 9px;font-size:10px}.stmm-zoom{width:34px}.stmm-side-tag{padding:4px 6px;font-size:7px}.stmm-sky-frame{padding-inline:5px}.stmm-sky-legend{gap:6px 10px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.stmm-shell *, .stmm-shell *::before,.stmm-shell *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}