:root{--bg-body: #0f172a;--bg-panel: #1e293b;--bg-input: #020617;--border: #334155;--primary: #38bdf8;--primary-hover: #0ea5e9;--text-main: #f8fafc;--text-muted: #94a3b8;--danger: #ef4444;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Menlo", monospace;--gradient-start: #38bdf8;--gradient-end: #818cf8;--btn-hover-bg: rgba(255, 255, 255, .05);--badge-slower-color: #fca5a5;--badge-slower-bg: rgba(239, 68, 68, .1);--badge-slower-border: rgba(239, 68, 68, .3);--btn-text: #0f172a}[data-theme=light]{--bg-body: #f8fafc;--bg-panel: #ffffff;--bg-input: #f1f5f9;--border: #cbd5e1;--primary: #0284c7;--primary-hover: #0369a1;--text-main: #0f172a;--text-muted: #64748b;--danger: #dc2626;--gradient-start: #0284c7;--gradient-end: #4f46e5;--btn-hover-bg: rgba(0, 0, 0, .05);--badge-slower-color: #b91c1c;--badge-slower-bg: rgba(254, 226, 226, 1);--badge-slower-border: rgba(220, 38, 38, .3);--btn-text: #ffffff}body{font-family:var(--font-sans);background:var(--bg-body);color:var(--text-main);margin:0;padding:2rem;line-height:1.5}.container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem}.left{min-width:0}@media(min-width:1024px){.container{grid-template-columns:1.5fr 1fr}.sticky-content{position:sticky;top:2rem}}h1{font-size:2rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.025em;background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent}p{color:var(--text-muted);margin-top:0;margin-bottom:2rem;font-size:1.05rem}.controls{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.controls label{font-size:.875rem;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}input,select{background:var(--bg-input);color:var(--text-main);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #38bdf833}input[type=number]{width:120px}select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1rem;padding-right:2.5rem;cursor:pointer}[data-theme=light] select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9l6 6 6-6'/%3e%3c/svg%3e")}input:disabled,select:disabled{opacity:.6;cursor:not-allowed}button{background:var(--primary);color:var(--btn-text);border:1px solid transparent;border-radius:6px;padding:.5rem 1rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;justify-content:center}button:hover{background:var(--primary-hover);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;pointer-events:none}button.secondary{background:transparent;color:var(--text-main);border:1px solid var(--border)}button.secondary:hover{background:var(--btn-hover-bg);border-color:var(--text-muted)}button.delete-btn{background:#ef44441a;color:var(--danger);border:1px solid transparent}button.delete-btn:hover{background:var(--danger);color:#fff}.bench{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 10px 15px -3px #0000001a;transition:transform .2s}.bench:hover{border-color:#475569}.bench.dragging{opacity:.5;border-style:dashed;border-color:var(--primary)}.bench-title{display:flex;align-items:center;margin-bottom:1rem;font-weight:600;font-size:.95rem}.bench-actions{display:flex;gap:.5rem;margin-left:auto}.bench-name-input{background:transparent;border:1px solid transparent;color:var(--text-main);font-family:var(--font-sans);font-weight:600;font-size:.95rem;padding:.25rem .5rem;border-radius:4px;width:200px;transition:all .2s}.bench-actions-desktop{display:flex;gap:.5rem}.bench-actions-mobile{display:none}.bench-name-input:hover,.bench-name-input:focus{border-color:var(--border);background:var(--bg-input);outline:none}.monaco-container{height:200px;min-height:100px;border:1px solid var(--border);border-radius:8px;overflow:hidden;resize:vertical}.bench-status{cursor:grab;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:.5rem;color:var(--text-muted)}.bench-status:active{cursor:grabbing}.spinner{width:16px;height:16px;border:2px solid var(--primary);border-bottom-color:transparent;border-radius:50%;display:inline-block;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:1rem;font-family:var(--font-mono);font-size:.875rem;line-height:1.7;color:var(--text-main);min-height:150px;max-height:300px;overflow-y:auto;margin-bottom:1.5rem}.result-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:.75rem;margin-bottom:.5rem;display:flex;align-items:center;gap:1rem}.result-card:last-child{margin-bottom:0}.result-card.winner{border-color:var(--primary);background:#38bdf80d}.result-rank{font-size:1.25rem;font-weight:700;color:var(--text-muted);min-width:2rem;text-align:center}.result-card.winner .result-rank{color:var(--primary)}.result-body{flex:1;min-width:0}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;flex-wrap:wrap;gap:.5rem}.result-title{font-weight:600;color:var(--text-main);font-family:var(--font-sans)}.result-ops{font-family:var(--font-mono);font-weight:700;font-size:1.1rem}.result-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--text-muted);align-items:center;flex-wrap:wrap;font-family:var(--font-sans)}.result-badge{display:inline-block;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#38bdf81a;color:var(--primary);border:1px solid rgba(56,189,248,.2)}.result-badge.slower{background:var(--badge-slower-bg);color:var(--badge-slower-color);border-color:var(--badge-slower-border)}.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--danger);padding:.75rem;border-radius:8px;margin-top:1rem;margin-bottom:1rem;font-size:.9rem}.chart-container{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1.5rem;position:relative;height:200px}.theme-toggle{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:100}.theme-toggle:hover{background:var(--primary);border-color:var(--primary);color:var(--btn-text)}@media(max-width:768px){body{padding:1rem}h1{font-size:1.75rem}p{font-size:1rem;margin-bottom:1.5rem}.theme-toggle{top:1rem;right:1rem}.bench-actions-desktop{display:none}.bench-actions-mobile{display:block;position:relative}.bench-name-input{width:120px}}.tooltip-container{position:relative;display:inline-flex;align-items:center}.tooltip-content{visibility:hidden;width:240px;background-color:var(--bg-panel);color:var(--text-main);text-align:center;border-radius:6px;padding:.75rem;position:absolute;z-index:100;top:100%;right:100%;transform:none;margin-top:.5rem;opacity:0;transition:opacity .2s;border:1px solid var(--border);box-shadow:0 10px 15px -3px #0000001a;font-size:.75rem;font-weight:400;line-height:1.4;pointer-events:none}.tooltip-container:hover .tooltip-content{visibility:visible;opacity:1}.btn-magic{background:linear-gradient(135deg,#7c3aed1a,#db27771a);border:1px dashed #a855f7;color:#e879f9}.btn-magic:hover{background:linear-gradient(135deg,#7c3aed33,#db277733);border-color:#d8b4fe;color:#f0abfc}[data-theme=light] .btn-magic{background:linear-gradient(135deg,#7c3aed0d,#db27770d);border-color:#9333ea;color:#9333ea}[data-theme=light] .btn-magic:hover{background:linear-gradient(135deg,#7c3aed1a,#db27771a);color:#7e22ce}