:root{--color-void: #000000;--color-surface: #080809;--color-surface-raised: #101113;--color-border: #1a1c1f;--color-border-subtle: #131416;--color-text-primary: #e8eaed;--color-text-secondary: #9aa0a9;--color-text-muted: #6b7280;--color-text-disabled: #404550;--color-ready: #4ade80;--color-ready-muted: #22c55e;--color-warn: #fbbf24;--color-warn-muted: #d97706;--color-error: #f87171;--color-error-muted: #b45454;--color-focus: #60a5fa;--color-pb: #a78bfa;--timer-idle: var(--color-text-primary);--timer-holding-not-ready: var(--color-error-muted);--timer-holding-ready: var(--color-ready);--timer-inspection: var(--color-warn);--timer-inspection-critical: var(--color-error);--timer-running: var(--color-text-primary);--timer-stopped: var(--color-ready);--timer-stopped-plus2: var(--color-warn);--timer-stopped-dnf: var(--color-error-muted);--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", monospace;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--timer-font-size: clamp(4.5rem, 15vw, 11rem);--timer-font-weight: 600;--timer-letter-spacing: -.04em;--timer-line-height: .85;--timer-decimal-scale: .75;--timer-decimal-opacity: .75;--scramble-font-size: clamp(.8rem, 1.5vw, 1rem);--scramble-font-weight: 500;--scramble-letter-spacing: .02em;--scramble-line-height: 1.6;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .8125rem;--text-lg: .9375rem;--text-xl: 1.0625rem;--space-0: 2px;--space-1: 4px;--space-2: 6px;--space-3: 10px;--space-4: 14px;--space-5: 18px;--space-6: 22px;--space-8: 28px;--space-10: 36px;--space-12: 44px;--space-16: 60px;--sidebar-width: 220px;--sidebar-max-width: 260px;--panel-padding: var(--space-2);--border-radius-sm: 3px;--border-radius-md: 5px;--border-radius-lg: 7px;--transition-instant: 40ms ease-out;--transition-fast: 80ms ease-out;--transition-normal: .12s ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"kern" 1}html,body,#root{height:100%;width:100%;overflow:hidden}body{background-color:var(--color-void);color:var(--color-text-primary);font-family:var(--font-ui);font-weight:400;line-height:1.35}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.hide-scrollbar::-webkit-scrollbar{width:0;height:0}.hide-scrollbar{scrollbar-width:none}::selection{background-color:#60a5fa33;color:var(--color-text-primary)}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,select{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-sm);border-radius:var(--border-radius-sm);padding:var(--space-1) var(--space-2)}input:focus,select:focus{border-color:var(--color-focus)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;padding-right:20px}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.font-ui{font-family:var(--font-ui)}.no-select{user-select:none;-webkit-user-select:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.timer-digits{font-family:var(--font-mono);font-variant-numeric:tabular-nums slashed-zero;font-feature-settings:"tnum" 1,"zero" 1,"kern" 1;font-weight:var(--timer-font-weight);letter-spacing:var(--timer-letter-spacing);line-height:var(--timer-line-height)}.timer-decimal{font-size:calc(1em * var(--timer-decimal-scale));opacity:var(--timer-decimal-opacity);vertical-align:baseline;margin:0 -.02em;display:inline-block;transform:translateY(-.1em)}.timer-decimal-digits{font-size:calc(1em * var(--timer-decimal-scale));opacity:var(--timer-decimal-opacity);letter-spacing:-.02em}.loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:var(--text-base);color:var(--color-text-disabled);font-family:var(--font-ui);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:14px;padding:1px 3px;font-family:var(--font-mono);font-size:9px;font-weight:500;line-height:1.2;color:var(--color-text-muted);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:2px}@keyframes timer-settle{0%{transform:scale(1.002);opacity:.97}to{transform:scale(1);opacity:1}}.timer-settle{animation:timer-settle 40ms ease-out forwards}.solve-row{display:flex;align-items:center;padding:1px var(--space-2) 1px var(--space-1);cursor:pointer;position:relative;transition:background-color var(--transition-fast);border-left:2px solid transparent;min-height:18px}.solve-row:hover{background-color:#ffffff05}.solve-row--selected{border-left-color:var(--color-focus);background-color:#60a5fa0a}.solve-row__index{font-family:var(--font-mono);font-size:9px;color:var(--color-text-disabled);min-width:20px;margin-right:var(--space-1);font-variant-numeric:tabular-nums;opacity:.5;text-align:right}.solve-row__time{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.solve-row__time--dnf{color:var(--color-error-muted)}.solve-row__time--plus2{color:var(--color-warn-muted)}.solve-row__actions{display:flex;align-items:center;gap:1px;opacity:0;transition:opacity var(--transition-fast)}.solve-row:hover .solve-row__actions,.solve-row--selected .solve-row__actions{opacity:1}.penalty-badge{font-family:var(--font-mono);font-size:8px;font-weight:600;padding:0 2px;border-radius:2px;margin-left:3px;text-transform:uppercase;line-height:1.3}.penalty-badge--plus2{color:var(--color-warn);background-color:#fbbf241a}.penalty-badge--dnf{color:var(--color-error);background-color:#f871711a}.pb-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:1px 4px;font-family:var(--font-ui);font-size:8px;font-weight:600;color:var(--color-pb);background-color:#a78bfa1a;border-radius:2px;text-transform:uppercase;letter-spacing:.03em}.panel-header{font-size:9px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.panel-header__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-weight:500}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:1px 0;min-height:18px}.stat-row__label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em}.stat-row__value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text-primary);text-align:right}.stat-row__value--disabled{color:var(--color-text-disabled)}.stat-row__value--dnf{color:var(--color-error-muted);font-size:var(--text-xs)}:fullscreen{background-color:var(--color-void)}:fullscreen #root{height:100%}.mode-indicator{position:fixed;bottom:var(--space-2);left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-2);font-family:var(--font-ui);font-size:9px;font-weight:500;color:var(--color-text-muted);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);pointer-events:none;z-index:50}.mode-indicator--visible{opacity:1}.mode-indicator--inspection{color:var(--color-warn);border-color:#fbbf2440}.mode-indicator--running{color:var(--color-text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4) var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);text-align:center;gap:var(--space-1)}.empty-state__hint{font-size:9px;color:var(--color-text-disabled)}.action-btn{display:flex;align-items:center;justify-content:center;padding:1px 3px;font-size:8px;font-weight:600;font-family:var(--font-mono);color:var(--color-text-muted);background-color:transparent;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:all var(--transition-fast);min-width:20px;line-height:1.2}.action-btn:hover:not(:disabled){background-color:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-text-secondary)}.action-btn--active{border-color:currentColor}.action-btn--plus2.action-btn--active{color:var(--color-warn)}.action-btn--dnf.action-btn--active{color:var(--color-error)}.action-btn--delete{color:var(--color-text-muted)}.action-btn--delete-confirm{color:var(--color-error);border-color:var(--color-error);background-color:#f871710f}.toggle{position:relative;width:30px;height:16px;flex-shrink:0}.toggle__input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;z-index:1}.toggle__input:disabled{cursor:not-allowed}.toggle__track{position:absolute;inset:0;border-radius:8px;background-color:var(--color-border);transition:background-color var(--transition-normal)}.toggle__input:checked+.toggle__track{background-color:#4ade8040}.toggle__input:disabled+.toggle__track{opacity:.5}.toggle__thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background-color:var(--color-text-muted);transition:left var(--transition-normal),background-color var(--transition-normal);box-shadow:0 1px 2px #0003}.toggle__input:checked~.toggle__thumb{left:16px;background-color:var(--color-ready)}.import-zone{padding:var(--space-2);border:1px dashed var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-surface);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.import-zone:hover{border-color:var(--color-text-muted);background-color:var(--color-surface-raised)}.import-zone--active{border-color:var(--color-focus);background-color:#60a5fa0a}.import-zone__text{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:2px}.import-zone__hint{font-size:9px;color:var(--color-text-muted)}.divider{height:1px;background-color:var(--color-border-subtle);margin:var(--space-1) 0}.divider--strong{background-color:var(--color-border)}.footer-hints{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-1) var(--space-2);font-size:9px;color:var(--color-text-disabled)}.footer-hint{display:flex;align-items:center;gap:2px}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-2);font-size:9px;color:var(--color-text-primary);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:100}[data-tooltip]:hover:after{opacity:1}@media print{body{display:none}}