:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f0f1f3;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--accent:#7c3aed;--accent-light:#7c3aed14;--accent-hover:#6d28d9;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}input[type=range]{appearance:none;background:#e5e7eb;border-radius:2px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.card{background:var(--bg-secondary);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:16px}.card-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:12px;font-size:12px;font-weight:600}