@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--bg:#1c1c1e;--surface:#2c2c2e;--surface2:#3a3a3c;--accent:#f2c314;--accent-dim:#d4a812;--route:#00b8ff;--text:#e8e8e8;--text-dim:#8e8e93;--border:rgba(255, 255, 255, .1);--shadow:0 2px 12px rgba(0, 0, 0, .4);--radius:8px;--font:'Segoe UI', system-ui, -apple-system, sans-serif;--ease:.25s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font);width:100vw;height:100vh;margin:0;padding:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h2{font-size:16px;margin:0}a{color:var(--route);text-decoration:none;transition:color var(--ease)}a:hover{color:var(--accent)}#container{width:100%;height:100%}#info{position:fixed;width:220px;top:0;left:0;margin:12px;line-height:100%;user-select:none;text-align:center;background:rgba(44,44,46,.3);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 12px;backdrop-filter:blur(8px);transition:box-shadow var(--ease)}#DATASOURCE{font-size:14px;font-weight:600;text-align:center;line-height:130%;letter-spacing:.5px;text-transform:uppercase}#ELAPSEDTIME{font-size:13px;text-align:center;line-height:150%;color:var(--text-dim);font-weight:400}#HIGHLIGHTDIV{font-size:14px;text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:8px;margin-top:8px;transition:border-color var(--ease)}#SELECTION,#SELECTION_CLOSE{display:flex;align-items:center}#SELECTION{justify-content:space-between;gap:8px;margin-top:10px;padding:8px 10px;background:var(--bg);border:1px solid var(--route);border-radius:var(--radius);transition:opacity var(--ease)}#SELECTION #HIGHLIGHTEDNAME{font-size:13px;font-weight:600;letter-spacing:.3px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#SELECTION_CLOSE{flex-shrink:0;width:20px;height:20px;justify-content:center;font-size:16px;color:var(--text-dim);cursor:pointer;border-radius:4px;transition:background var(--ease),color var(--ease)}#SELECTION_CLOSE:hover{background:var(--surface2);color:var(--text)}#footer,#help{position:fixed;bottom:0}#footer{left:40px;margin:10px;font-size:12px;color:var(--text-dim)}#help{left:0;margin:12px}#logo,.card{transition:opacity var(--ease)}#logo{position:fixed;bottom:10px;right:0;margin:20px;opacity:.7}#logo:hover,.card:hover{opacity:1}.card{width:20px;height:20px;position:relative;display:inline-block;cursor:pointer;opacity:.5}.container img{width:100%;height:auto}.card .img-top{display:none;position:absolute;top:0;left:0;z-index:99}.card:hover .img-top{display:inline}.progress{margin:20px 30px}.circle-progress-value{stroke-width:6px;stroke:var(--route);transition:stroke var(--ease)}.circle-progress-circle{stroke-width:6px;stroke:var(--surface2);stroke-dasharray:10 1}.circle-progress-text{fill:var(--route)}#spinner:not([hidden]){position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100}#spinner::after{content:"";width:48px;height:48px;border:2px solid var(--border);border-top:2px solid var(--route);border-radius:50%;will-change:transform;animation:spin .8s infinite linear}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.tippy-box{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:6px!important;font-size:12px!important;font-family:var(--font)!important;box-shadow:var(--shadow)!important}.tippy-content{padding:6px 10px!important}