:root{--bg-primary: #0a0a0c;--bg-secondary: #121214;--bg-tertiary: #1a1a1e;--bg-glass: rgba(18, 18, 20, .88);--bg-glass-dark: rgba(10, 10, 12, .92);--bg-dialog: rgba(22, 22, 26, .96);--text-primary: #e8e8ee;--text-secondary: #f0f0f0;--text-tertiary: #8888a0;--text-muted: #b8b8c8;--border-primary: rgba(100, 100, 140, .2);--border-secondary: rgba(100, 100, 140, .3);--border-glow: rgba(14, 165, 233, .4);--accent-cyan: #0ea5e9;--accent-cyan-bright: #38bdf8;--accent-purple: #a855f7;--accent-pink: #ec4899;--accent-cyan-08: rgba(14, 165, 233, .08);--accent-cyan-12: rgba(14, 165, 233, .12);--accent-cyan-15: rgba(14, 165, 233, .15);--accent-cyan-20: rgba(14, 165, 233, .2);--accent-cyan-25: rgba(14, 165, 233, .25);--accent-cyan-30: rgba(14, 165, 233, .3);--accent-cyan-50: rgba(14, 165, 233, .5);--accent-cyan-70: rgba(14, 165, 233, .7);--accent-cyan-80: rgba(14, 165, 233, .8);--gradient-primary: linear-gradient(135deg, #0ea5e9 0%, #7c3aed 100%);--gradient-accent: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 50%, #a855f7 100%);--gradient-glow: linear-gradient(135deg, rgba(14, 165, 233, .2) 0%, rgba(168, 85, 247, .2) 100%);--shadow-xl: 0 20px 50px -12px rgba(0, 0, 0, .7), 0 0 15px rgba(14, 165, 233, .1);--shadow-lg: 0 10px 30px -5px rgba(0, 0, 0, .6), 0 0 10px rgba(14, 165, 233, .08);--shadow-md: 0 6px 20px rgba(0, 0, 0, .5);--shadow-sm: 0 2px 12px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(14, 165, 233, .3);--shadow-glow-strong: 0 0 30px rgba(14, 165, 233, .5);--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Roboto", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Consolas", "Monaco", monospace;--blur-sm: blur(8px);--blur-md: blur(12px);--blur-lg: blur(16px)}body{margin:0;overflow:hidden;font-family:var(--font-sans);background:radial-gradient(ellipse at top,var(--bg-secondary) 0%,var(--bg-primary) 50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary)}.glass-dark{background:var(--bg-glass-dark);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary)}.mono{font-family:var(--font-mono);font-feature-settings:"liga" 0,"calt" 0}.overlay-full{position:fixed;top:0;left:0;width:100vw;height:100vh}.btn-primary{display:inline-block;background:var(--accent-cyan-15);border:1.5px solid var(--accent-cyan-50);color:var(--accent-cyan-bright);padding:13px 28px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.2px;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--accent-cyan-20),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:var(--accent-cyan-25);border-color:var(--accent-cyan-bright);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-block;background:#64648c14;border:1.5px solid var(--border-secondary);color:var(--text-secondary);padding:13px 28px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.2px;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.btn-secondary:hover{background:#64648c26;border-color:#64648c80;color:var(--text-primary);transform:translateY(-1px)}canvas{display:block;width:100vw;height:100vh}#labelCanvas{pointer-events:none;z-index:999}#tooltip{position:fixed;color:var(--text-primary);padding:12px 16px;border-radius:8px;border:1px solid var(--border-glow);font-size:11px;pointer-events:none;opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1);z-index:1000;white-space:nowrap;box-shadow:var(--shadow-lg);background:var(--bg-glass-dark);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg)}#tooltip.visible{opacity:1}#loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-primary);font-size:16px;font-weight:500;letter-spacing:.3px}#stats{position:fixed;bottom:14px;right:14px;color:var(--text-primary);font-size:11px;padding:12px 16px;border-radius:10px;z-index:1001;font-weight:400;text-align:left;box-shadow:var(--shadow-lg);white-space:pre-wrap;pointer-events:auto;background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--border-primary)}#stats .stats-dynamic,#stats .stats-links{margin:0;padding:0}#stats a{color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--border-primary);transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:auto;cursor:pointer}#stats a:hover{color:var(--accent-cyan-bright);border-bottom-color:var(--accent-cyan-50)}#lane-labels{position:fixed;left:0;top:0;width:80px;height:100vh;pointer-events:none;z-index:999}.lane-label{position:absolute;color:var(--text-muted);white-space:nowrap;pointer-events:none;padding:3px 10px 0;display:flex;align-items:flex-start;font-weight:600;border-right:1px solid var(--border-secondary);font-size:10px;width:50px;box-sizing:border-box;letter-spacing:.3px}#timeline{position:fixed;left:0;top:0;width:100vw;height:30px;pointer-events:none;z-index:1000;border-bottom:1px solid var(--border-secondary);background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg)}#help-btn{position:fixed;top:0;right:32px;width:32px;height:30px;border-radius:0;border:none;border-left:1px solid var(--border-secondary);border-bottom:1px solid var(--border-secondary);background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);color:var(--text-muted);font-size:16px;line-height:30px;cursor:pointer;z-index:1001;pointer-events:auto;display:none;padding:0;transition:all .15s ease}#help-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-primary)}#help-btn:active{transform:scale(.95)}#close-btn{position:fixed;top:0;right:0;width:32px;height:30px;border-radius:0;border:none;border-left:1px solid var(--border-secondary);border-bottom:1px solid var(--border-secondary);background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);color:var(--text-muted);font-size:20px;line-height:30px;cursor:pointer;z-index:1001;pointer-events:auto;display:none;padding:0;transition:all .15s ease}#close-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-primary)}#close-btn:active{transform:scale(.95)}.timeline-tick{position:absolute;background:var(--text-muted);pointer-events:none;transform:translateZ(0);image-rendering:crisp-edges}.timeline-label{position:absolute;color:var(--text-muted);font-size:10px;font-weight:500;white-space:nowrap;pointer-events:none;top:2px;letter-spacing:.2px}#cursor-line{position:fixed;top:0;width:1px;height:100vh;background:var(--accent-cyan-bright);pointer-events:none;z-index:998;display:none;box-shadow:var(--shadow-glow)}#cursor-timestamp{position:fixed;top:34px;color:var(--text-primary);font-size:10px;padding:4px 10px;border-radius:6px;pointer-events:none;z-index:1001;display:none;white-space:nowrap;background:var(--bg-glass-dark);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--border-glow);box-shadow:var(--shadow-md)}#selection-region{position:fixed;top:0;height:100vh;background:var(--accent-cyan-08);border-left:1px solid var(--accent-cyan-30);border-right:1px solid var(--accent-cyan-30);pointer-events:none;z-index:997;display:none}.selection-line{position:fixed;top:0;width:1px;height:100vh;background:var(--accent-cyan-bright);pointer-events:none;z-index:1000;display:none;box-shadow:var(--shadow-glow)}#selection-label{position:fixed;top:36px;color:var(--text-primary);font-size:10px;padding:6px 12px;border-radius:6px;pointer-events:none;z-index:1002;display:none;white-space:pre;line-height:1.5;background:var(--bg-glass-dark);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--border-glow);box-shadow:var(--shadow-md)}#file-selector{background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:2000}#file-selector.hidden{display:none}.file-selector-content{background:var(--bg-dialog);border:1px solid var(--border-secondary);border-radius:16px;padding:16px 36px;text-align:center;box-shadow:var(--shadow-xl);width:340px;position:relative}.file-selector-content:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-105px;top:50%;transform:translateY(-50%);box-shadow:var(--shadow-xl);z-index:-1}.file-selector-content>*:not(.avatar){transform:translate(-80px,15px)}.file-selector-content .avatar{width:270px;height:270px;border-radius:50%;position:absolute;right:-105px;top:50%;transform:translateY(-50%)}.file-selector-content h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 10px;letter-spacing:-.8px;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.file-selector-content h2{color:var(--text-primary);font-size:22px;font-weight:600;margin:0 0 10px;letter-spacing:-.3px}.file-selector-content .subtitle{color:var(--text-secondary);font-size:14px;margin:0 0 36px;font-weight:400}.file-selector-content a{color:var(--accent-cyan-bright);text-decoration:none;border-bottom:1px solid var(--accent-cyan-30);transition:all .2s cubic-bezier(.4,0,.2,1)}.file-selector-content a:hover{color:var(--accent-cyan-bright);border-bottom-color:var(--accent-cyan-bright)}.file-selector-content .description{color:var(--text-tertiary);font-size:12px;line-height:1.7;margin:0 0 36px;padding:0 20px}.file-selector-content .features{text-align:left;margin:0 0 36px;padding:0 20px}.file-selector-content .features ul{list-style:none;padding:0;margin:0;color:var(--text-secondary);font-size:11px;line-height:2}.file-selector-content .features li{padding-left:22px;position:relative}.file-selector-content .features li:before{content:"▸";position:absolute;left:0;color:var(--accent-cyan-bright)}.file-selector-content input[type=file]{display:none}.file-selector-content .file-select-area{padding-bottom:38px;display:flex;flex-direction:column;gap:14px;align-items:center}#loading-overlay{background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2001}#loading-overlay.hidden{display:none}.loading-spinner{width:72px;height:72px;border:5px solid var(--accent-cyan-15);border-top:5px solid var(--accent-cyan-bright);border-radius:50%;animation:spin .8s cubic-bezier(.5,0,.5,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#sample-menu{background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:2002}#sample-menu.hidden{display:none}.sample-menu-content{background:var(--bg-dialog);border:1px solid var(--border-secondary);border-radius:16px;padding:28px 36px;display:flex;flex-direction:column;gap:14px;max-width:1000px;box-shadow:var(--shadow-xl)}.sample-menu-content h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px;text-align:center;letter-spacing:-.3px}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sample-option{display:flex;flex-direction:column;align-items:flex-start;padding:14px 18px;gap:5px;transition:all .2s cubic-bezier(.4,0,.2,1)}.sample-title{font-size:14px;font-weight:600;letter-spacing:.1px}.sample-desc{font-size:11px;opacity:.65;font-weight:400}.sample-menu-cancel{padding:12px 28px;font-size:13px;margin-top:10px;align-self:center}.loading-text{color:var(--text-primary);font-size:16px;margin-top:28px;font-weight:500;letter-spacing:.3px}#help-overlay{background:#0a0a0cd9;-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);display:flex;align-items:center;justify-content:center;z-index:2003}#help-overlay.hidden{display:none}.help-content{background:var(--bg-dialog);border:1px solid var(--border-secondary);border-radius:16px;padding:28px 36px;display:flex;flex-direction:column;gap:20px;max-width:500px;box-shadow:var(--shadow-xl)}.help-content h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0;text-align:center;letter-spacing:-.3px}.help-section{display:flex;flex-direction:column;gap:12px}.help-item{display:flex;justify-content:space-between;align-items:center;gap:24px}.help-key{color:var(--text-primary);font-size:13px;font-weight:600;font-family:var(--font-mono);background:var(--accent-cyan-15);border:1px solid var(--accent-cyan-30);padding:6px 12px;border-radius:6px;min-width:160px;text-align:center}.help-desc{color:var(--text-secondary);font-size:13px;font-weight:400;flex:1}.help-close{align-self:center;padding:12px 32px;font-size:13px;margin-top:8px}