.mx-root{--bg:#0b2229;--panel:#0f2a33;--panel-ink:#e3ecec;--panel-muted:#8fa6ac;--panel-rule:#23434d;--font-display:"Familjen Grotesk Variable", "Helvetica Neue", Arial, sans-serif;--font-body:"Public Sans Variable", "Helvetica Neue", Arial, sans-serif;background:var(--bg);min-height:100vh;color:var(--panel-ink);font-family:var(--font-body);font-variant-numeric:tabular-nums;padding:20px 20px 90px}.mx-root :is(h1,h2,h3,p,figure,ul){margin:0}.mx-root :is(h1,h2,h3):before{content:none}.mx-root button{font:inherit;color:inherit}.mx-muted{color:var(--panel-muted)}.mx-panel{background:var(--panel);border-radius:14px;padding:clamp(16px,2.2vw,28px)}.mx-intro{border-bottom:1px solid var(--panel-rule);justify-content:space-between;align-items:end;gap:24px;max-width:1280px;margin:0 auto 20px;padding:28px 4px 22px;display:flex;position:relative}.mx-intro:before{content:"";background:linear-gradient(90deg,#e3a63c 0 25%,#f0703f 25% 50%,#56a8dc 50% 75%,#b79ee9 75% 100%);width:96px;height:4px;position:absolute;top:0;left:4px}.mx-intro-kicker{color:var(--panel-muted);font:.72rem var(--font-code,monospace);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px!important}.mx-intro h1{font-size:clamp(1.9rem,3vw,2.8rem)}.mx-intro p:last-child{max-width:62ch;color:var(--panel-muted);margin-top:8px;font-size:.88rem}.mx-layouts{flex:none;gap:8px;display:flex}.mx-layouts a{border:1px solid var(--panel-rule);color:var(--panel-ink);border-radius:6px;padding:8px 12px;font-size:.82rem;text-decoration:none}.mx-layouts a[aria-current]{border-color:var(--panel-ink);background:var(--panel-rule)}.mx-layouts a:hover{border-color:var(--panel-muted)}@media (max-width:760px){.mx-intro{flex-direction:column;align-items:start}.mx-layouts{flex-wrap:wrap}}.mx-real-controls{max-width:1280px;color:var(--panel-muted);justify-content:space-between;align-items:center;gap:12px;margin:0 auto 16px;font-size:.82rem;display:flex}.mx-real-controls .mx-seg{flex-wrap:wrap}.mx-real-selection{border-top:1px solid var(--panel-rule);gap:14px;margin-top:20px;padding-top:20px;display:grid}.mx-real-selection .mx-seg{justify-self:start}@media (max-width:760px){.mx-real-controls{flex-direction:column;align-items:start}}.mx-split{grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);align-items:start;gap:16px;display:grid}.mx-split>.mx-panel,.mx-column>.mx-panel{border-top:2px solid var(--panel-rule)}.mx-mapcard{position:sticky;top:20px}.mx-side{gap:18px;display:grid}.mx-column{gap:16px;max-width:1280px;margin:0 auto;display:grid}.mx-top{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);align-items:start;gap:28px;display:grid}.mx-top-side{gap:18px;display:grid}.mx-top-e{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:24px}.mx-top-e .mx-verdict{box-sizing:border-box;min-height:132px}.mx-top-e .mx-chip-why{display:none}.mx-top-e .mx-mini-desc{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mx-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mx-trio .mx-ring{r:5px;stroke-width:1.5px}.mx-trio .mx-dot{r:1.6px}.mx-trio .mx-hover{r:3.5px}.mx-trio .mx-mini-head{font-size:.82rem}.mx-trio .mx-mini-value{font-size:.9rem}.mx-trio .mx-mini-desc{font-size:.74rem}.mx-mini-pick{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0}.mx-mini-pick:hover .mx-mini-name{text-underline-offset:3px;text-decoration:underline}.mx-trio-key{color:var(--panel-muted);font-size:.76rem}@media (max-width:900px){.mx-split,.mx-top{grid-template-columns:1fr}.mx-mapcard{position:static}}.mx-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}.mx-kicker{color:var(--panel-muted);font-size:.9rem}.mx-month{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:600;line-height:1.15}.mx-time{flex:0 420px;align-items:center;gap:10px;display:flex}.mx-time input[type=range]{min-width:0;accent-color:var(--panel-ink);flex:1}.mx-step{border:1px solid var(--panel-rule);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:inline-grid}.mx-step svg{width:16px;height:16px}.mx-step:hover:not(:disabled){border-color:var(--panel-ink)}.mx-step:disabled{opacity:.35;cursor:default}.mx-map{min-height:120px;position:relative}.mx-map canvas{display:block}.mx-map svg{cursor:crosshair;position:absolute;inset:0}.mx-zoommap{border-radius:8px;min-height:120px;position:relative;overflow:hidden}.mx-trio .mx-zoommap{border-radius:6px;min-height:0}.mx-zoommap-canvas{width:100%;height:100%}.mx-zoommap .maplibregl-ctrl-group{background:var(--panel-rule);box-shadow:none}.mx-zoommap .maplibregl-ctrl-group button+button{border-top-color:var(--panel)}.mx-zoommap .maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert(.9)}.mx-zoommap .maplibregl-ctrl-group button:disabled .maplibregl-ctrl-icon{opacity:.35}.mx-zoommap .maplibregl-ctrl.maplibregl-ctrl-attrib{color:var(--panel-muted);background:#0f2a33cc}.mx-zoommap .maplibregl-ctrl-attrib a{color:inherit}.mx-zoommap .maplibregl-ctrl-attrib-button{filter:invert(.9)}.mx-borders{fill:none;stroke:#0f2a33bf;stroke-width:.7px}.mx-outline{fill:none;stroke:#e3ecec80;stroke-width:1px}.mx-hover{fill:none;stroke:var(--panel-ink);stroke-width:1.5px;stroke-opacity:.8}.mx-ring{fill:none;stroke:var(--panel-ink);stroke-width:2px}.mx-dot{fill:var(--panel-ink)}.mx-swatch{border-radius:2px;flex:none;width:10px;height:10px;display:inline-block}.mx-legend{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:0;font-size:.78rem;line-height:1.3;list-style:none;display:grid;margin-top:16px!important}.mx-legend li{align-items:flex-start;gap:7px;display:flex}.mx-legend .mx-swatch{border-radius:3px;width:12px;height:12px;margin-top:1px}.mx-range{color:var(--panel-muted);display:block}@media (max-width:1100px){.mx-legend{grid-template-columns:repeat(4,minmax(0,1fr))}}.mx-quad{grid-template-columns:1fr 1fr;gap:18px 20px;display:grid}.mx-mini-head{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.mx-mini-head .mx-swatch{align-self:center}.mx-mini-name{font-weight:600}.mx-mini-value{font-family:var(--font-display);margin-left:auto;font-size:1.05rem;font-weight:600}.mx-mini-desc{color:var(--panel-muted);font-size:.82rem}.mx-quad-key{color:var(--panel-muted);font-size:.82rem;margin-top:16px!important}.mx-glow-key{vertical-align:-1px;background:linear-gradient(90deg,#7d98a1 0%,#4a6872 20%,#183a45 45%,#e3a63c 70%,#f0703f 82%,#ec5f86 100%);border-radius:2px;width:64px;height:10px;margin-right:8px;display:inline-block}.mx-cell{font-size:.95rem}.mx-cell .mx-muted{margin-right:6px}.mx-verdict{border:1px solid var(--panel-rule);background:#ffffff09;border-radius:10px;padding:14px 16px}.mx-verdict-head{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.25rem;font-weight:600;margin-bottom:8px!important}.mx-verdict-body{flex-wrap:wrap;gap:6px;display:flex}.mx-chip{border:1px solid var(--panel-rule);color:var(--panel-muted);border-radius:999px;align-items:baseline;gap:6px;padding:3px 10px;font-size:.82rem;display:inline-flex}.mx-chip.is-dry{border-color:color-mix(in srgb, var(--glow) 70%, transparent);background:color-mix(in srgb, var(--glow) 18%, transparent);color:var(--panel-ink);font-weight:600}.mx-chip-why{opacity:.85;font-size:.74rem}.mx-side-bar{justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;display:flex}.mx-timescale{border-top:1px solid var(--panel-rule);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:16px;padding-top:14px;font-size:.82rem;display:flex}.mx-timescale-label{font-weight:600}.mx-timescale-note{font-size:.78rem}.mx-section-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.mx-seg{border:1px solid var(--panel-rule);border-radius:999px;padding:3px;display:inline-flex}.mx-seg button{color:var(--panel-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:4px 12px;font-size:.8rem}.mx-seg button.is-on{background:var(--panel-ink);color:var(--panel);font-weight:600}.mx-seg-stack{border-radius:12px;flex-wrap:wrap}.mx-empty{color:var(--panel-muted);padding:24px 0}.mx-unit{color:var(--panel-muted);font-family:var(--font-body);margin-left:2px;font-size:.75em;font-weight:400}.mx-caption{border-top:1px solid var(--panel-rule);color:var(--panel-muted);padding-top:14px;font-size:.8rem;line-height:1.5}.mx-column .mx-caption{margin-top:18px!important}.mx-strips{border-radius:6px;gap:10px;display:grid}.mx-strips:focus-visible,.mx-bars:focus-visible{outline:2px solid var(--panel-muted);outline-offset:6px}.mx-strip-row{grid-template-columns:240px 1fr;align-items:center;gap:18px;display:grid}.mx-strips.is-compact .mx-strip-row{grid-template-columns:1fr;gap:6px}.mx-strip-label{text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:10px 1fr auto;grid-template-areas:"sw name value"".desc desc";align-items:baseline;column-gap:10px;padding:0;line-height:1.3;display:grid}.mx-strip-label:disabled{cursor:default}.mx-strips.is-compact .mx-strip-label{grid-template-columns:10px auto 1fr auto;grid-template-areas:"sw name desc value"}.mx-strip-label .mx-swatch{grid-area:sw;align-self:center}.mx-strip-name{grid-area:name;font-weight:600}.mx-strip-value{font-family:var(--font-display);text-align:right;grid-area:value;font-size:1.05rem;font-weight:600}.mx-strip-desc{color:var(--panel-muted);grid-area:desc;font-size:.84rem}.mx-strip-row.is-active .mx-strip-name{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.mx-strip{cursor:crosshair;touch-action:pan-y;height:44px;position:relative}.mx-strips.is-compact .mx-strip{height:36px}.mx-strip svg{shape-rendering:crispedges;border-radius:4px;width:100%;height:100%;animation:1.1s cubic-bezier(.22,.61,.36,1) both mx-reveal;display:block}@keyframes mx-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.mx-cursor{background:var(--panel-ink);width:2px;box-shadow:0 0 0 1px var(--panel);pointer-events:none;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.mx-axis{height:18px;color:var(--panel-muted);font-size:.75rem;position:relative}.mx-tick{position:absolute;top:2px;transform:translate(-50%)}.mx-tick:before{content:"";background:var(--panel-muted);width:1px;height:5px;position:absolute;top:-7px;left:50%}.mx-bars{border-radius:6px;gap:6px;display:grid}.mx-bar-row svg{display:block}.mx-bar-head{text-align:left;cursor:pointer;background:0 0;border:none;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 16px;width:100%;padding:0;font-size:.86rem;display:flex}.mx-bar-head:disabled{cursor:default}.mx-bar-name{font-weight:600}.mx-bar-name .mx-muted{font-weight:400}.mx-bar-value{font-family:var(--font-display);font-weight:600}.mx-bar-value .mx-muted{font-family:var(--font-body);font-weight:400}.mx-bar-row.is-active .mx-bar-name{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.mx-bars-note{color:var(--panel-muted);font-size:.76rem;margin-top:6px!important}.mx-grid{stroke:var(--panel-rule)}.mx-zero{stroke:var(--panel-muted)}.mx-ytick{fill:var(--panel-muted);font-size:10px}.mx-cursorline{stroke:var(--panel-ink);stroke-width:2px}.mx-hoverline{stroke:var(--panel-muted);stroke-dasharray:3 3}.mx-switcher{z-index:100;color:#f2f2f2;white-space:nowrap;background:#1b1b1f;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .6rem;font:13px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000059}.mx-root .mx-switcher button{color:inherit;font:inherit;cursor:pointer;background:#2f2f36;border:none;border-radius:999px;padding:.25rem .55rem}.mx-root .mx-switcher button:hover{background:#45454f}.mx-switcher-label strong{color:#ffd166}.mx-mapseg{flex-wrap:wrap;margin:4px 0 12px}.mx-heat-legend{gap:6px;margin-top:16px;font-size:.78rem;display:grid}.mx-heat-bar{border-radius:5px;height:10px;display:block}.mx-heat-ends{color:var(--panel-muted);justify-content:space-between;gap:12px;display:flex}.mx-fingerprint{max-width:1280px;margin:16px auto 0}.mx-fingerprint .mx-section-title,.mx-fingerprint .mx-muted{margin-bottom:8px}.mx-fingerprint .mx-muted{font-size:.9rem}.mx-fp-canvas{display:block}
