:root{--c-bg: #F7F3EE;--c-surface: #FFFFFF;--c-text: #1E1E24;--c-text-secondary: #6B6B76;--c-text-muted: #9E9EAB;--c-border: #E8E3DC;--c-sprint: #E84855;--c-sprint-light: #FDE8EA;--c-slalom: #2E86AB;--c-slalom-light: #E4F1F7;--c-velodrome: #2A9D5C;--c-velodrome-light: #E4F5EC;--c-accent: #E84855;--c-accent-hover: #D13643;--c-success: #2A9D5C;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Consolas", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.06);--shadow-card-hover: 0 2px 6px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.1);--shadow-modal: 0 8px 40px rgba(0,0,0,.18);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .18s;--duration-normal: .32s;--duration-slow: .5s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);background:var(--c-bg);color:var(--c-text);line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast),opacity var(--duration-fast),background var(--duration-fast)}button:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}img,svg{display:block}input,select{font-family:inherit;font-size:15px;color:var(--c-text);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:12px 14px;width:100%;min-height:44px;outline:none;transition:border-color var(--duration-fast)}input:focus,select:focus{border-color:var(--c-accent)}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center}.app-container{width:100%;max-width:480px;padding:calc(var(--space-xl) + var(--safe-top)) var(--space-lg) calc(var(--space-lg) + var(--safe-bottom));flex:1;display:flex;flex-direction:column}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out-expo),visibility var(--duration-normal)}.modal-overlay.active{opacity:1;visibility:visible}.modal-sheet{width:100%;max-width:480px;background:var(--c-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-2xl) var(--space-lg) calc(var(--space-2xl) + var(--safe-bottom));transform:translateY(20px);transition:transform var(--duration-slow) var(--ease-out-expo)}.modal-overlay.active .modal-sheet{transform:translateY(0)}.modal-handle{width:36px;height:4px;background:var(--c-border);border-radius:2px;margin:0 auto var(--space-lg)}.modal-logo{width:56px;height:56px;background:var(--c-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg)}.modal-sheet h2{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-sm)}.modal-sheet .subtitle{font-size:15px;color:var(--c-text-secondary);line-height:1.5;margin-bottom:var(--space-lg)}.modal-features{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.modal-feature{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--c-bg);border-radius:var(--radius-sm)}.modal-feature .feature-icon{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.modal-feature .feature-icon.sprint{background:var(--c-sprint-light);color:var(--c-sprint)}.modal-feature .feature-icon.slalom{background:var(--c-slalom-light);color:var(--c-slalom)}.modal-feature .feature-icon.velodrome{background:var(--c-velodrome-light);color:var(--c-velodrome)}.modal-feature .feature-text h4{font-size:14px;font-weight:600;margin-bottom:2px}.modal-feature .feature-text p{font-size:13px;color:var(--c-text-secondary);line-height:1.4}.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;background:var(--c-accent);color:#fff;font-size:16px;font-weight:600;border-radius:var(--radius-md);user-select:none;-webkit-user-select:none}.btn-primary:active{transform:scale(.97);background:var(--c-accent-hover)}.mode-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.mode-logo{display:flex;align-items:center;gap:var(--space-sm)}.mode-logo-icon{width:36px;height:36px;background:var(--c-accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.mode-logo h1{font-size:20px;font-weight:700;letter-spacing:-.02em}.mode-about-btn{width:36px;height:36px;border-radius:50%;background:var(--c-surface);display:flex;align-items:center;justify-content:center;color:var(--c-text-secondary)}.mode-about-btn:active{background:var(--c-border)}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin-bottom:var(--space-md)}.mode-list{display:flex;flex-direction:column;gap:var(--space-md)}.mode-card{position:relative;display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--c-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;user-select:none;-webkit-user-select:none;overflow:hidden;transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo)}.mode-card:active{transform:scale(.98);box-shadow:var(--shadow-card-hover)}.mode-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0}.mode-card.sprint:before{background:var(--c-sprint)}.mode-card.slalom:before{background:var(--c-slalom)}.mode-card.velodrome:before{background:var(--c-velodrome)}.mode-icon{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.mode-icon.sprint{background:var(--c-sprint-light)}.mode-icon.slalom{background:var(--c-slalom-light)}.mode-icon.velodrome{background:var(--c-velodrome-light)}.mode-info{flex:1;min-width:0}.mode-info h3{font-size:17px;font-weight:600;margin-bottom:4px}.mode-info .mode-desc{font-size:13px;color:var(--c-text-secondary);line-height:1.4}.mode-tags{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap}.mode-tag{font-size:11px;font-weight:500;padding:3px 10px;border-radius:20px}.mode-tag.sprint{background:var(--c-sprint-light);color:var(--c-sprint)}.mode-tag.slalom{background:var(--c-slalom-light);color:var(--c-slalom)}.mode-tag.velodrome{background:var(--c-velodrome-light);color:var(--c-velodrome)}.mode-arrow{flex-shrink:0;color:var(--c-text-muted);align-self:center;transition:transform var(--duration-fast) var(--ease-out-expo)}.mode-card:active .mode-arrow{transform:translate(4px)}.timer-container{width:100%;max-width:480px;min-height:100dvh;display:flex;flex-direction:column}.timer-topbar{display:flex;align-items:center;gap:var(--space-md);padding:calc(var(--space-lg) + var(--safe-top)) var(--space-lg) var(--space-md);background:var(--c-bg)}.timer-back{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--c-surface);display:flex;align-items:center;justify-content:center;color:var(--c-text)}.timer-back:active{background:var(--c-border)}.timer-title{flex:1;font-size:17px;font-weight:600}.timer-signal{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--c-border);color:var(--c-text-muted)}.timer-signal.online{background:var(--c-velodrome-light);color:var(--c-velodrome);border-color:var(--c-velodrome)}.setup{padding:var(--space-lg)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;background:var(--c-bg);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.segmented button{padding:10px;border-radius:8px;font-size:14px;font-weight:600;color:var(--c-text-secondary)}.segmented button.active{background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-card)}.panel{display:grid;gap:var(--space-md)}.panel label{display:grid;gap:6px;color:var(--c-text-secondary);font-size:13px;font-weight:600}.panel button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:var(--radius-sm);background:var(--c-accent);color:#fff;font-size:15px;font-weight:600;margin-top:4px}.panel button:active{transform:scale(.97)}.room-strip{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:12px var(--space-lg);background:var(--c-surface);border-bottom:1px solid var(--c-border)}.room-strip div{display:grid;gap:2px}.room-strip span{font-size:11px;font-weight:600;color:var(--c-text-muted)}.room-strip strong{font-size:16px}.icon-button{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--c-bg);display:flex;align-items:center;justify-content:center;color:var(--c-text-secondary)}.icon-button:active{background:var(--c-border)}.camera-stage{position:relative;height:min(50vh,400px);min-height:280px;overflow:hidden;border-bottom:2px solid var(--c-accent);background:#1a1a1a;touch-action:none;-webkit-user-select:none;user-select:none}.camera-feed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detection-canvas{display:none}.detect-flash{position:absolute;inset:0;pointer-events:none;background:transparent;transition:background .08s;z-index:5}.detect-flash.on{background:#e848554d}.camera-icon{position:absolute;left:18px;top:18px;color:#ffffff80}.line-layer{position:absolute;inset:0;width:100%;height:100%}.gate-box{fill:none;stroke:var(--c-accent);stroke-width:.4;filter:drop-shadow(0 0 8px rgba(232,72,85,.6))}.active-box{fill:none;stroke:var(--c-accent);stroke-width:.4;filter:drop-shadow(0 0 12px rgba(232,72,85,.9));animation:pulse-box .8s ease-in-out infinite alternate}@keyframes pulse-box{0%{opacity:.7}to{opacity:1}}.draft-box{fill:none;stroke:#e84855;stroke-width:.4;stroke-dasharray:1.5 1.2}.timer-hud{position:absolute;left:12px;right:12px;bottom:12px;min-height:58px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;background:var(--c-accent);color:#fff;box-shadow:0 4px 20px #e8485566;font-variant-numeric:tabular-nums}.timer-hud strong{font-size:clamp(28px,9vw,42px);line-height:1}.controls{display:grid;gap:10px;padding:var(--space-md) var(--space-lg);background:var(--c-surface);border-bottom:1px solid var(--c-border)}.select-row,.range-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;color:var(--c-text)}.range-row input{accent-color:var(--c-accent);padding:0}.range-row span{min-width:30px;text-align:right;font-weight:700;color:var(--c-accent)}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:var(--space-md) var(--space-lg)}.action-grid button{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 10px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text)}.action-grid button:active{transform:scale(.97)}.action-grid button.primary{background:var(--c-accent);color:#fff;border:none}.action-grid button:disabled{opacity:.4;pointer-events:none}.dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:var(--space-md) var(--space-lg)}.metric{padding:12px;background:var(--c-bg);border-radius:var(--radius-sm);display:grid;gap:4px}.metric span{font-size:11px;color:var(--c-text-muted);font-weight:600}.metric strong{font-size:16px}.devices{padding:var(--space-md) var(--space-lg);display:grid;gap:6px}.device,.split{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:10px;border-radius:var(--radius-sm);background:var(--c-bg)}.device strong{font-size:12px;color:var(--c-accent);font-weight:700}.results{padding:var(--space-md) var(--space-lg)}.results h2{font-size:15px;font-weight:600;margin-bottom:var(--space-sm);color:var(--c-text-secondary)}.split{grid-template-columns:1fr auto;margin-top:4px}.split strong{color:var(--c-velodrome);font-variant-numeric:tabular-nums}.split.total{border-top:1px solid var(--c-border);margin-top:var(--space-sm);padding-top:var(--space-sm)}.split.total strong{color:var(--c-accent);font-size:16px}.history-race{padding:10px;margin-top:10px;border:1px solid var(--c-border);border-radius:var(--radius-sm)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.history-header span{font-size:12px;color:var(--c-text-muted)}.history-header strong{font-size:14px;color:var(--c-accent)}.error{margin:var(--space-md) var(--space-lg);padding:12px;border-radius:var(--radius-sm);color:#fff;background:var(--c-sprint);font-weight:600;font-size:13px}.event-feed{margin:var(--space-sm) var(--space-lg);padding:8px;display:flex;gap:6px;overflow-x:auto}.event-feed span{flex-shrink:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px;border-radius:999px;background:var(--c-bg);color:var(--c-text-secondary);font-size:12px}.qr-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qr-card{text-align:center;padding:24px;border-radius:var(--radius-md);background:var(--c-surface)}.qr-card h3{margin-bottom:12px;font-size:17px}.qr-card img{margin:0 auto;border-radius:8px}.version-badge{position:fixed;bottom:var(--space-sm);right:var(--space-sm);font-size:10px;color:var(--c-text-muted);font-family:var(--font-mono);z-index:10;opacity:.5;pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fadeInUp var(--duration-slow) var(--ease-out-expo) both}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.3s}.anim-delay-4{animation-delay:.4s}.text-green{color:var(--c-velodrome)}.text-sprint{color:var(--c-sprint)}.sprint-countdown{grid-column:1 / -1;padding:var(--space-md) 0}.sprint-phase{display:flex;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);border-radius:var(--radius-md);background:var(--c-surface);font-size:28px;font-weight:700;letter-spacing:.08em;animation:sprintPulse 1.2s ease-in-out infinite}.sprint-phase.on_your_marks{color:var(--c-sprint);background:var(--c-sprint-light)}.sprint-phase.set{color:#e89b2e;background:#fff4e5}.sprint-phase.go{color:var(--c-velodrome);background:var(--c-velodrome-light);font-size:36px}@keyframes sprintPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}