:root{--bg: #050810;--panel: #090e1a;--border: #1a2540;--accent: #00f5d4;--warn: #ff6b35;--danger: #ff1744;--text: #c8d8f0;--muted: #4a6080;--glow: rgba(0, 245, 212, .12);--font-mono: "Share Tech Mono", monospace;--font-sans: "Exo 2", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-sans)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-track{background:transparent}input[type=range]{-webkit-appearance:none;width:100%;height:3px;background:var(--border);border-radius:2px;outline:none;cursor:pointer;display:block}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);cursor:pointer}select{-webkit-appearance:none;background:#ffffff08;border:1px solid var(--border);border-radius:3px;color:var(--text);font-size:11px;font-family:var(--font-mono);letter-spacing:.5px;padding:5px 8px;cursor:pointer;outline:none;width:100%}select:focus{border-color:var(--accent)}.section-label{font-family:var(--font-mono);font-size:9px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:6px;margin-bottom:12px}.ctrl-label{font-family:var(--font-mono);font-size:9px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;display:block;margin-bottom:6px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-box{background:#ffffff05;border:1px solid var(--border);border-radius:4px;padding:8px;text-align:center}.stat-box .val{font-family:var(--font-mono);font-size:18px;color:var(--accent);display:block;line-height:1}.stat-box .lbl{font-size:8px;color:var(--muted);letter-spacing:1px;margin-top:4px;display:block;text-transform:uppercase}.btn{flex:1;padding:7px 4px;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:3px;font-size:10px;font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.btn:hover,.btn.active{border-color:var(--accent);color:var(--accent);background:var(--glow)}.slider-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);font-family:var(--font-mono);letter-spacing:1px;margin-top:4px}.slider-labels .mid{color:var(--accent)}.toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.toggle{position:relative;width:32px;height:17px;background:var(--border);border-radius:9px;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;background:#fff;border-radius:50%;transition:transform .2s}.toggle.on:after{transform:translate(15px)}.recent-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:3px;border:1px solid transparent;cursor:default;transition:border-color .15s,background .15s}.recent-item:hover{border-color:var(--accent);background:var(--glow)}