:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--color-bg: #ffffff;--color-text: #213547;--color-text-secondary: #5f6368;--color-border: #ccc;--color-panel-bg: #ffffff;--color-panel-shadow: rgba(0, 0, 0, .25);--color-button-bg: #ffffff;--color-button-text: #333;--color-button-border: #ccc;--color-button-hover-bg: #f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--color-bg: #1e1e1e;--color-text: #e0e0e0;--color-text-secondary: #999;--color-border: #444;--color-panel-bg: #1e1e1e;--color-panel-shadow: rgba(0, 0, 0, .6);--color-button-bg: #2a2a2a;--color-button-text: #e0e0e0;--color-button-border: #444;--color-button-hover-bg: #3a3a3a}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;height:100vh;height:100dvh;margin:0;padding:0;overflow:hidden}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,.pipeline-popup,.stats-panel{transition:all .3s cubic-bezier(.4,0,.2,1)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.pipeline-popup{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:16px;width:300px;max-width:calc(100vw - 30px);font-size:13px;font-family:system-ui,-apple-system,sans-serif;pointer-events:auto}@media(prefers-color-scheme:dark){.pipeline-popup{background:#1e1e1e;box-shadow:0 4px 12px #0009;color:#e0e0e0}}.popup-close{position:absolute;top:8px;right:8px;background:#f0f0f0;border:none;border-radius:4px;width:20px;height:20px;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;color:#666;transition:background .2s}.popup-close:hover{background:#e0e0e0}@media(prefers-color-scheme:dark){.popup-close{background:#2a2a2a;color:#e0e0e0}.popup-close:hover{background:#3a3a3a}}.popup-row{display:flex;gap:8px}.popup-row strong{min-width:80px;flex-shrink:0;color:#5f6368}@media(prefers-color-scheme:dark){.popup-row strong{color:#999}}.popup-row span{word-break:break-word}.map-type-toggle{position:absolute;top:10px;left:70px;padding:10px 12px;height:40px;border-radius:6px;box-shadow:0 4px 12px #00000040;background-color:#fff;color:#333;border:1px solid #ccc;cursor:pointer;z-index:100;font-size:11px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;display:flex;align-items:center;transition:all .2s}.map-type-toggle:hover{box-shadow:0 6px 16px #0000004d;transform:translateY(-1px)}.map-type-toggle:active{transform:translateY(0)}@media(prefers-color-scheme:dark){.map-type-toggle{background-color:#2a2a2a;color:#e0e0e0;border:1px solid #444;box-shadow:0 4px 12px #00000080}}@media(max-width:767px){.map-type-toggle{left:60px;padding:8px 12px}}@media(min-width:768px){.stats-panel{inset:70px auto auto 10px!important;transform:none!important;width:450px!important;max-width:600px!important;height:auto!important;max-height:80vh!important;border-radius:12px!important}}@media(max-width:767px){.stats-panel{inset:auto 0 0!important;width:100%!important;max-width:100%!important;border-radius:12px 12px 0 0!important;max-height:50vh!important;font-size:12px!important;padding:10px 15px 15px!important}.stats-panel h3{font-size:14px!important;margin:0 0 8px!important}}.toggle-button-stats{position:absolute;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;font-size:20px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.toggle-button-stats:not(.active){background:#fffffffa;color:#1a1a1a;border:1px solid rgba(0,87,184,.2)}.toggle-button-stats.active{background:linear-gradient(135deg,#0057b8,#0071e3);color:#fff;border:1px solid rgba(0,87,184,.3)}.toggle-button-stats:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000040}.toggle-button-stats:active{transform:scale(.95);animation:bounce .3s ease}@media(prefers-color-scheme:dark){.toggle-button-stats:not(.active){background:#2a2a2afa;color:#e0e0e0;border:1px solid rgba(255,255,255,.1)}.toggle-button-stats.active{background:linear-gradient(135deg,#0057b8,#0071e3);color:#fff;border:1px solid rgba(0,87,184,.3)}}@keyframes bounce{0%,to{transform:scale(.95)}50%{transform:scale(1.05)}}.measure-toggle{position:absolute;top:10px;left:140px;width:40px;height:40px;border-radius:6px;box-shadow:0 4px 12px #00000040;background-color:#fff;color:#333;border:1px solid #ccc;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.measure-toggle svg{pointer-events:none;display:block}.measure-toggle:hover{box-shadow:0 6px 16px #0000004d;transform:translateY(-1px)}.measure-toggle:active{transform:translateY(0)}.measure-toggle.active{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:1px solid rgba(255,107,53,.3)}@media(prefers-color-scheme:dark){.measure-toggle{background-color:#2a2a2a;color:#e0e0e0;border:1px solid #444;box-shadow:0 4px 12px #00000080}.measure-toggle.active{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff}}.measure-control-panel{background-color:#fff;padding:12px;border-radius:8px;box-shadow:0 4px 12px #00000040;z-index:100;font-family:system-ui,-apple-system,sans-serif;min-width:180px}@media(prefers-color-scheme:dark){.measure-control-panel{background-color:#2a2a2a;box-shadow:0 4px 12px #0009}}.measure-clear-button{padding:6px 12px;font-size:11px;font-weight:600;background-color:#f44;color:#fff;border:none;border-radius:4px;cursor:pointer;width:100%;transition:background-color .2s}.measure-clear-button:hover{background-color:#c00}.measure-clear-button:active{transform:scale(.98)}@media(max-width:767px){.measure-toggle{left:55px;width:44px;height:44px}.measure-control-panel{min-width:160px;padding:10px}}