:root{--bg-primary:#0a0a0f;--bg-secondary:#14141c;--bg-tertiary:#1c1c28;--bg-elevated:#232333;--border:#2a2a3a;--border-strong:#3a3a4d;--text-primary:#f5f5f7;--text-secondary:#9090a0;--text-muted:#5a5a70;--accent:#8b5cf6;--accent-bright:#a78bfa;--accent-glow:#8b5cf673;--accent-soft:#8b5cf626;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Inter,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--bg-primary);color:var(--text-primary);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{color:inherit;font-family:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.4}.setup{background:radial-gradient(ellipse 80% 50% at 50% -20%, var(--accent-soft), transparent), var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;overflow-y:auto}.setup__shell{background:var(--bg-secondary);border:1px solid var(--border);border-radius:24px;width:100%;max-width:520px;padding:32px 28px;box-shadow:inset 0 1px #ffffff0a,0 24px 48px -16px #00000080}.setup__header{text-align:center;margin-bottom:28px}.setup__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-bright);background:var(--accent-soft);border-radius:999px;margin-bottom:16px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-block}.setup__title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:6px;font-size:32px;font-weight:700}.setup__subtitle{color:var(--text-secondary);font-size:14px}.setup__form{flex-direction:column;gap:24px;display:flex}.setup__field{flex-direction:column;gap:8px;display:flex}.setup__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:600}.setup__input,.setup__rowInput,.setup__addInput{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:12px;padding:14px 16px;font-size:16px;transition:border-color .15s,background .15s}.setup__input::placeholder,.setup__rowInput::placeholder,.setup__addInput::placeholder{color:var(--text-muted)}.setup__input:focus,.setup__rowInput:focus,.setup__addInput:focus{border-color:var(--accent);background:var(--bg-elevated);outline:none}.setup__participants{flex-direction:column;gap:12px;display:flex}.setup__sectionRow{justify-content:space-between;align-items:center;display:flex}.setup__count{color:var(--text-muted);background:var(--bg-tertiary);text-align:center;border-radius:999px;min-width:28px;padding:2px 10px;font-size:12px;font-weight:600}.setup__list{flex-direction:column;gap:8px;list-style:none;display:flex}.setup__row{grid-template-columns:28px 1fr 40px;align-items:center;gap:8px;display:grid}.setup__rowIndex{color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;font-size:13px}.setup__rowRemove{background:var(--bg-tertiary);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;font-size:14px;transition:background .15s,color .15s,border-color .15s;display:flex}.setup__rowRemove:hover{color:var(--danger);background:#ef44441f;border-color:#ef44444d}.setup__addRow{grid-template-columns:1fr auto;gap:8px;margin-top:4px;display:grid}.setup__addBtn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--accent-bright);border-radius:12px;padding:0 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}.setup__addBtn:hover{background:var(--accent-soft);border-color:var(--accent)}.setup__submit{letter-spacing:.01em;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-bright) 100%);color:#fff;box-shadow:0 1px 0 #fff3 inset, 0 8px 24px -8px var(--accent-glow);border-radius:14px;margin-top:8px;padding:16px 24px;font-size:16px;font-weight:700;transition:transform .1s,box-shadow .15s}.setup__submit:not(:disabled):hover{box-shadow:0 1px 0 #fff3 inset, 0 12px 28px -8px var(--accent-glow);transform:translateY(-1px)}.setup__submit:not(:disabled):active{transform:translateY(0)}.tracking{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex}.tracking__header{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:48px 1fr auto auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.tracking__iconBtn{background:var(--bg-tertiary);border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;font-size:20px;transition:background .15s,color .15s;display:flex}.tracking__iconBtn:hover{background:var(--bg-elevated);color:var(--text-primary)}.tracking__title{flex-direction:column;gap:2px;min-width:0;display:flex}.tracking__titleLabel{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:600}.tracking__titleName{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.tracking__saveBtn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-bright) 100%);color:#fff;height:44px;box-shadow:0 4px 16px -4px var(--accent-glow);border-radius:12px;padding:0 18px;font-size:14px;font-weight:600;transition:transform .1s,box-shadow .15s}.tracking__saveBtn:not(:disabled):hover{transform:translateY(-1px)}.tracking__saveBtn--success{background:var(--success);box-shadow:none}.tracking__saveBtn--error{background:var(--danger);box-shadow:none}.tracking__saveBtn--saving{background:var(--bg-elevated);color:var(--text-secondary)}.tracking__stopBtn{background:var(--bg-tertiary);border:1px solid var(--border);height:44px;color:var(--text-primary);border-radius:12px;padding:0 18px;font-size:14px;font-weight:600;transition:background .15s,color .15s,transform .1s}.tracking__stopBtn:not(:disabled):hover{background:var(--danger);color:#fff;transform:translateY(-1px)}.tracking__stopBtn:disabled{opacity:.4;cursor:not-allowed}.tracking__errorBanner{color:var(--danger);text-align:center;background:#ef44441f;border-bottom:1px solid #ef444440;flex-shrink:0;padding:10px 16px;font-size:13px}.tracking__grid{flex:1;gap:6px;min-height:0;padding:6px;display:grid}.participant{background:var(--bg-secondary);border:2px solid var(--border);color:var(--text-secondary);-webkit-user-select:none;user-select:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:0;padding:16px;transition:background .15s,border-color .15s,color .15s,transform 80ms,box-shadow .2s;display:flex;position:relative;overflow:hidden}.participant:hover{border-color:var(--border-strong);background:var(--bg-tertiary)}.participant:active{transform:scale(.98)}.participant--active{border-color:var(--accent);color:var(--text-primary);box-shadow:0 0 0 4px var(--accent-soft), 0 12px 36px -12px var(--accent-glow), 0 1px 0 #ffffff0f inset;background:linear-gradient(135deg,#8b5cf62e 0%,#a78bfa14 100%)}.participant__name{letter-spacing:-.01em;text-align:center;word-break:break-word;font-size:clamp(18px,4vw,32px);font-weight:700;line-height:1.1}.participant--active .participant__name{color:var(--accent-bright)}.participant__time{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(28px,7vw,56px);font-weight:800;line-height:1}.participant--active .participant__time{color:var(--text-primary);text-shadow:0 0 24px var(--accent-glow)}.participant__time__ms{opacity:.7;margin-left:2px;font-size:.55em;font-weight:700}.participant__count{font-variant-numeric:tabular-nums;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:999px;align-items:baseline;gap:4px;padding:4px 12px;display:inline-flex}.participant--active .participant__count{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-bright)}.participant__countLabel{color:var(--text-muted);font-size:12px;font-weight:600}.participant--active .participant__countLabel{color:var(--accent-bright)}.participant__countValue{font-size:16px;font-weight:700}.participant__pulse{background:var(--accent-bright);width:10px;height:10px;box-shadow:0 0 0 0 var(--accent-glow);border-radius:50%;animation:1.6s ease-out infinite pulse;position:absolute;top:12px;right:12px}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 14px #0000}to{box-shadow:0 0 #0000}}