html,body{color:#eee;background:#000;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#ui{z-index:10;scrollbar-gutter:stable;scrollbar-color:#ffffff59 transparent;background:#14141eb3;border-radius:8px;min-width:300px;max-width:350px;max-height:calc(100vh - 24px);padding:18px 20px;font-size:14px;line-height:1.55;transition:transform .18s ease-out;position:absolute;top:12px;left:12px;overflow-y:auto;transform:translate(0)}body:not(.no-backdrop-filter) #ui{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.no-backdrop-filter #ui{background:#14141ee0}#ui::-webkit-scrollbar{width:8px}#ui::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:4px}#ui::-webkit-scrollbar-thumb:hover{background:#ffffff8c}#ui::-webkit-scrollbar-track{background:0 0}#ui h1{letter-spacing:.3px;margin:0 0 8px;padding-left:28px;font-size:15px;font-weight:600}#ui input[type=range]{width:100%;margin:0}#ui .section{margin-top:18px}#ui .section-label{text-transform:uppercase;letter-spacing:1.2px;color:#7088a8;margin-bottom:8px;font-size:11px;font-weight:600}#ui .speed-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}#ui .speed-row label{margin:0;font-size:13px}#ui .speed-val{color:#9ed1ff;font-variant-numeric:tabular-nums;font-size:13px}#ui button{color:#eee;cursor:pointer;background:#2a3144;border:1px solid #3d475f;border-radius:4px;padding:6px 12px;font-size:13px}#ui button:hover{background:#394259}#ui .playback{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}#ui .toggles{grid-template-columns:1fr;gap:6px;display:grid}#ui .toggles label{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}#ui-toggle{z-index:11;color:#eee;cursor:pointer;background:#14141eb3;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;position:fixed;top:12px;left:12px}#ui-toggle:hover{background:#283246d9}#ui-toggle:focus-visible{outline-offset:2px;outline:2px solid #9ed1ff}#ui-toggle svg{transition:opacity .18s ease-out;display:block}#ui-toggle:before,#ui-toggle:after{content:"";opacity:0;background:currentColor;border-radius:1px;width:18px;height:2px;margin:-1px 0 0 -9px;transition:opacity .18s ease-out,transform .18s ease-out;position:absolute;top:50%;left:50%}body:not(.ui-collapsed) #ui-toggle svg{opacity:0}body:not(.ui-collapsed) #ui-toggle:before{opacity:1;transform:rotate(45deg)}body:not(.ui-collapsed) #ui-toggle:after{opacity:1;transform:rotate(-45deg)}body.ui-collapsed #ui{transform:translate(-110%)}#ui-backdrop{z-index:9;background:#00000073;display:none;position:fixed;inset:0}@media (width<=1023px){body:not(.ui-collapsed) #ui-backdrop{display:block}}@media (width<=639px){#legend,body>#nav{display:none}}@media (width<=1023px){body:not(.ui-collapsed) .timeline{display:none}}@media (prefers-reduced-motion:reduce){#ui,#ui-toggle svg,#ui-toggle:before,#ui-toggle:after{transition-duration:0s}}