.mm{--mm-faint:color-mix(in oklab, var(--muted-foreground) 62%, transparent);--mm-spent:var(--muted-foreground);--mm-hollow:#d4d4d4;--mm-track:var(--border);--mm-primary-glow:transparent;--mm-pulse:color-mix(in oklab, var(--primary) 50%, transparent);--mm-glow-opacity:.035;--mm-sun:#fff;--mm-sun-edge:#ebebeb;--mm-sun-stroke:var(--border);--mm-shadow:#a1a1a1;--mm-rim:transparent;--mm-tick-past:color-mix(in oklab, var(--foreground) 50%, transparent);--mm-tick-future:color-mix(in oklab, var(--foreground) 14%, transparent);--mm-hand:color-mix(in oklab, var(--foreground) 55%, transparent);--mm-moon:color-mix(in oklab, var(--foreground) 12%, transparent);--mm-vessel:var(--border);--mm-vessel-fill:#fafafa;--mm-vessel-sheen:#fff;--mm-cap:var(--border);--mm-mile:#c47d0a;--mm-mile-glow:#c47d0a40;--mm-tip-shadow:0 8px 24px #00000014;--mm-glass:color-mix(in oklab, var(--card) 86%, transparent);--mm-sky-top:var(--background);--mm-sky-bottom:#f5f5f5;--mm-hill-1:#ededed;--mm-hill-2:#e3e3e3;--mm-hill-3:#d8d8d8;--mm-hill-4:#cbcbcb;--mm-water-top:#e9e9e9;--mm-water-bottom:#f5f5f5;--mm-fog:#fff;--mm-fog-opacity:.7;--mm-scrim-top:color-mix(in oklab, var(--background) 8%, transparent);--mm-scrim-bottom:color-mix(in oklab, var(--background) 42%, transparent)}@supports (color:lab(0% 0 0)){.mm{--mm-hollow:lab(84.92% 0 -.0000119209);--mm-sun:lab(100% 0 0);--mm-sun-edge:lab(93.04% .0000298023 -.0000119209);--mm-shadow:lab(66.128% -.0000298023 .0000119209);--mm-vessel-fill:lab(98.26% 0 0);--mm-vessel-sheen:lab(100% 0 0)}}.dark .mm{--mm-hollow:#ffffff26;--mm-track:var(--muted);--mm-primary-glow:color-mix(in oklab, var(--primary) 40%, transparent);--mm-glow-opacity:.11;--mm-sun:var(--foreground);--mm-sun-edge:#c2c7d1;--mm-sun-stroke:transparent;--mm-shadow:var(--background);--mm-rim:#ffffff38;--mm-tick-past:color-mix(in oklab, var(--foreground) 55%, transparent);--mm-hand:color-mix(in oklab, var(--foreground) 65%, transparent);--mm-moon:#ffffff14;--mm-vessel:#ffffff24;--mm-vessel-fill:#ffffff08;--mm-vessel-sheen:#ffffff42;--mm-cap:#ffffff1f;--mm-mile:#efa831;--mm-mile-glow:#efa83166;--mm-tip-shadow:0 8px 24px #00000059;--mm-sky-bottom:#1b1d26;--mm-hill-1:#1d2029;--mm-hill-2:#171921;--mm-hill-3:#12141a;--mm-hill-4:#0e0f14;--mm-water-top:#0b0c10;--mm-water-bottom:#08090c;--mm-fog:#8c929f;--mm-fog-opacity:.075;--mm-scrim-bottom:color-mix(in oklab, var(--background) 62%, transparent)}@supports (color:lab(0% 0 0)){.dark .mm{--mm-hollow:lab(100% 0 0/.15);--mm-sun-edge:lab(80.2126% -.304163 -5.64439);--mm-rim:lab(100% 0 0/.22);--mm-moon:lab(100% 0 0/.08);--mm-vessel:lab(100% 0 0/.14);--mm-vessel-fill:lab(100% 0 0/.03);--mm-vessel-sheen:lab(100% 0 0/.26);--mm-cap:lab(100% 0 0/.12)}}:root[data-milestone=violet] .mm{--mm-mile:#7c3aed;--mm-mile-glow:#7c3aed40}:root.dark[data-milestone=violet] .mm{--mm-mile:#9d5bf4;--mm-mile-glow:#9d5bf466}.mm-scene{z-index:0;pointer-events:none;background:var(--mm-sky-top);transition:background-color .35s;position:fixed;inset:0;overflow:hidden}.mm-scene svg{width:100%;height:100%}.mm-scene-scrim{background:linear-gradient(180deg, var(--mm-scrim-top) 0%, var(--mm-scrim-bottom) 100%);position:absolute;inset:0}.mm-sky-top{stop-color:var(--mm-sky-top)}.mm-sky-bottom{stop-color:var(--mm-sky-bottom)}.mm-water-top{stop-color:var(--mm-water-top)}.mm-water-bottom{stop-color:var(--mm-water-bottom)}.mm-fog-stop{stop-color:var(--mm-fog)}.mm-hill-1{fill:var(--mm-hill-1)}.mm-hill-2{fill:var(--mm-hill-2)}.mm-hill-3{fill:var(--mm-hill-3)}.mm-hill-4{fill:var(--mm-hill-4)}.mm-sky-top,.mm-sky-bottom,.mm-water-top,.mm-water-bottom,.mm-fog-stop{transition:stop-color .35s}.mm-hill-1,.mm-hill-2,.mm-hill-3,.mm-hill-4{transition:fill .35s}.mm-fog{opacity:var(--mm-fog-opacity);transition:opacity .35s}.mm-glow{opacity:var(--mm-glow-opacity);transform-origin:220px 220px;transform-box:view-box;transition:opacity .35s}.mm-glow-stop{stop-color:var(--foreground);transition:stop-color .35s}.mm-sun-core{stop-color:var(--mm-sun);transition:stop-color .35s}.mm-sun-edge{stop-color:var(--mm-sun-edge);transition:stop-color .35s}.mm-sun{stroke:var(--mm-sun-stroke);stroke-width:1px;transition:stroke .35s}.mm-shadow{fill:var(--mm-shadow);transition:fill .35s}.mm-rim{fill:none;stroke:var(--mm-rim);stroke-width:1.2px}.mm-moon{fill:none;stroke:var(--mm-moon);stroke-width:.8px}.mm-ring{fill:none;stroke:var(--border);stroke-width:1px}.mm-tick{stroke:var(--mm-tick-future);stroke-width:1.1px;transition:stroke .35s}.mm-tick.is-past{stroke:var(--mm-tick-past)}.mm-tick.is-hot{stroke:var(--primary);stroke-width:2px}.mm-arc{fill:none;stroke:var(--primary);stroke-width:1.6px;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--mm-primary-glow))}.mm-dial-mile{fill:var(--mm-mile);filter:drop-shadow(0 0 3px var(--mm-mile-glow))}.mm-hand{stroke:var(--mm-hand);stroke-width:1px}.mm-now{fill:var(--primary);filter:drop-shadow(0 0 5px var(--mm-primary-glow))}.mm-now-ring{fill:none;stroke:var(--primary);stroke-width:1px;opacity:0;transform-origin:50%;transform-box:fill-box}.mm-inscription{transform-origin:220px 220px;transform-box:view-box}.mm-inscription text{letter-spacing:.3em;text-transform:uppercase;fill:var(--mm-faint);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:500}.mm-inscription tspan{transition:fill .25s}.mm-inscription tspan.is-hot{fill:var(--foreground)}.mm-hit{fill:#0000;pointer-events:fill}.mm-hg-cap{fill:var(--mm-cap)}.mm-hg-vessel{fill:var(--mm-vessel-fill);stroke:var(--mm-vessel);stroke-width:1px}.mm-hg-sheen{fill:none;stroke-width:1.2px;opacity:.9}.mm-sheen-stop{stop-color:var(--mm-vessel-sheen)}.mm-sand-top{fill:var(--primary)}.mm-sand-bottom{fill:var(--mm-spent)}.mm-sand-empty{fill:none;stroke:var(--mm-hollow);stroke-width:.9px}.mm-sand-mile{fill:none;stroke:var(--mm-mile);stroke-width:1.2px}.mm-hg-hot{fill:none;stroke:var(--primary);stroke-width:1.5px;opacity:0;transition:opacity .15s}.mm-hg-hot.is-on{opacity:1}.mm-grain{fill:var(--primary);opacity:0}.mm-dot{aspect-ratio:1;border:1px solid var(--mm-hollow);border-radius:50%;transition:background-color .35s,border-color .35s,transform .15s}.mm-dot.is-spent{background:var(--mm-spent);border-color:#0000}.mm-dot.is-mile{border-color:var(--mm-mile);box-shadow:0 0 0 1px var(--mm-mile)}.mm-dot.is-mile.is-spent{background:var(--mm-mile);box-shadow:0 0 8px var(--mm-mile-glow);border-color:#0000}.mm-dot.is-now{background:var(--primary);border-color:#0000}.mm-grid-row:has(.mm-dot:hover) .mm-grid-label{color:var(--foreground)}@keyframes mm-drift-a{0%{transform:translate(-60px)}to{transform:translate(60px)}}@keyframes mm-drift-b{0%{transform:translate(50px)}to{transform:translate(-50px)}}@keyframes mm-spin{to{transform:rotate(360deg)}}@keyframes mm-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes mm-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3.6)}}@keyframes mm-fall{0%{opacity:0;transform:translateY(0)}10%{opacity:.95}70%{opacity:.95}to{opacity:0;transform:translateY(46px)}}@keyframes mm-pulse{0%,to{box-shadow:0 0 0 0 var(--mm-pulse)}50%{box-shadow:0 0 0 5px #0000}}@media (prefers-reduced-motion:no-preference){.mm-fog-a{animation:110s ease-in-out infinite alternate mm-drift-a}.mm-fog-b{animation:140s ease-in-out infinite alternate mm-drift-b}.mm-fog-c{animation:170s ease-in-out infinite alternate-reverse mm-drift-a}.mm-glow{animation:10s ease-in-out infinite mm-breathe}.mm-inscription{animation:240s linear infinite mm-spin}.mm-inscription.is-paused{animation-play-state:paused}.mm-now-ring{animation:3.4s ease-out infinite mm-ripple}.mm-grain{animation:2.7s cubic-bezier(.45,0,.75,.4) infinite mm-fall}.mm-grain:nth-child(2){animation-delay:.9s}.mm-grain:nth-child(3){animation-delay:1.8s}.mm-dot:hover{transform:scale(1.5)}.mm-dot.is-now{animation:3.2s ease-in-out infinite mm-pulse}}
