:root{color:#f4f5ee;background:#11130f;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #11130f;--panel: #1b1f18;--panel-2: #24291f;--line: #343c31;--line-strong: #54624d;--text: #f4f5ee;--muted: #aeb9a5;--dim: #778170;--green: #55df8e;--green-deep: #244c34;--amber: #f0c44d;--red: #f26e5f;--ink: #0c0e0b;--button: #2a3025;--button-hover: #333b2d}*{box-sizing:border-box}html,body,#root{min-width:1180px;min-height:100%;margin:0}body{color:var(--text);background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:minmax(728px,1fr) 328px;height:100vh;min-height:100vh;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.018) 1px,transparent 1px),var(--bg);background-size:56px 56px}.timer-stage{display:grid;grid-template-columns:minmax(0,1fr) 226px;grid-template-rows:auto minmax(220px,1fr) auto auto;column-gap:28px;min-width:0;height:100vh;padding:32px 34px 34px}.top-bar{display:flex;grid-column:1;grid-row:1;align-items:flex-start;justify-content:space-between;gap:24px}.brand-lockup{display:flex;min-height:42px;align-items:center;gap:12px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--green);background:#171a14}.brand-title{display:grid;gap:2px}.brand-title strong{color:var(--text);font-size:18px;line-height:1.1}.brand-title span,.rail-header p,.lap-list p{color:var(--muted);font-size:13px}.top-right-cluster{display:grid;grid-column:2;grid-row:1 / 3;grid-template-rows:auto minmax(0,1fr);align-self:stretch;justify-items:end;gap:10px;min-height:0}.session-strip{display:flex;align-items:center;justify-content:flex-end;gap:8px}.status-chip{display:inline-flex;min-height:30px;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--muted);background:#1b1f18db;font-size:12px}.status-chip-strong{color:var(--green)}.sound-chip{color:var(--amber)}.sound-chip.status-chip-strong{color:var(--green)}.clock-chip{min-width:78px;justify-content:center;color:var(--text);font-variant-numeric:tabular-nums}.camera-preview{position:relative;width:226px;height:126px;overflow:hidden;border:1px solid rgba(85,223,142,.44);border-radius:8px;background:linear-gradient(90deg,rgba(85,223,142,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(85,223,142,.05) 1px,transparent 1px),#131811;background-size:28px 28px;box-shadow:0 16px 34px #00000040}.camera-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#55df8eb8}.camera-preview.has-stream .preview-fallback{display:none}.preview-bar{position:absolute;inset:8px 8px auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-title,.preview-rate,.preview-status{display:inline-flex;min-height:24px;align-items:center;border:1px solid rgba(244,245,238,.12);border-radius:8px;padding:0 8px;color:var(--text);background:#0c0e0ba8;font-size:11px}.preview-rate{color:var(--green)}.preview-status{position:absolute;right:8px;bottom:8px;color:var(--muted)}.timer-display{position:relative;display:grid;grid-column:1;grid-row:2;align-content:center;justify-items:center;min-width:0;gap:14px;padding:0 0 clamp(70px,10vh,104px)}.mode-switch{display:inline-grid;grid-template-columns:repeat(2,104px);gap:4px;border:1px solid var(--line);border-radius:8px;padding:4px;background:#1b1f18d1}.mode-pill{display:grid;min-height:34px;place-items:center;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:13px}.mode-pill.active{color:var(--ink);background:var(--green)}.mode-label{margin:0;color:var(--muted);font-size:19px}.timer-readout{width:min(100%,7.4ch);max-width:100%;margin:0;color:var(--text);font-size:clamp(170px,25svh,236px);font-weight:760;letter-spacing:0;line-height:.94;text-align:center;font-variant-numeric:tabular-nums}.timer-readout.with-hours{width:min(100%,10.4ch);font-size:clamp(112px,17svh,168px)}.timer-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;color:var(--muted);font-size:14px}.timer-meta span{min-height:28px;border:1px solid var(--line);border-radius:8px;padding:4px 10px;background:#1b1f18b8}.progress-track{position:absolute;bottom:clamp(34px,4vh,52px);left:50%;width:min(520px,100%);height:8px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#0e110d;transform:translate(-50%)}.progress-track span{display:block;height:100%;background:var(--green)}.timer-display.completed .timer-readout{animation:completion-flash .42s ease-in-out 10 alternate;color:var(--amber);text-shadow:0 0 28px rgba(240,196,77,.28)}.countdown-setup{display:grid;grid-column:1 / -1;grid-row:3;grid-template-columns:128px minmax(320px,1fr) 132px;align-items:center;gap:12px;border-top:1px solid rgba(84,98,77,.42);border-bottom:1px solid rgba(84,98,77,.42);padding:12px 0}.setup-label{display:grid;gap:4px;color:var(--muted);font-size:12px}.setup-label strong{color:var(--text);font-size:18px;font-variant-numeric:tabular-nums}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px}.preset-button,.stepper button,.control-button{border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--button)}.preset-button{min-height:42px;padding:0 10px;color:var(--muted)}.preset-button.active,.preset-button:hover,.stepper button:hover,.control-button:hover{border-color:var(--line-strong);background:var(--button-hover)}.stepper{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:6px}.stepper button{display:grid;width:38px;height:38px;place-items:center}.stepper span{color:var(--muted);text-align:center;font-size:13px}.control-bar{display:grid;grid-column:1 / -1;grid-row:4;grid-template-columns:minmax(180px,1.2fr) minmax(132px,.8fr) minmax(132px,.8fr);gap:12px;padding-top:18px}.control-button{display:inline-flex;min-height:62px;align-items:center;justify-content:center;gap:10px;padding:0 18px;font-size:18px;font-weight:700}.control-button.primary{border-color:#55df8eb8;color:var(--ink);background:var(--green)}.control-button.danger{color:#ffd5d0}.lap-list{display:grid;grid-template-rows:auto minmax(0,1fr);gap:7px;width:100%;min-height:92px;max-height:none;overflow:hidden;border:1px solid rgba(84,98,77,.5);border-radius:8px;padding:8px;background:#151914db}.lap-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.lap-header strong{color:var(--text);font-size:22px;line-height:1}.lap-items{display:grid;align-content:start;min-width:0;min-height:0;gap:5px;overflow:auto}.lap-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-height:34px;border:1px solid rgba(84,98,77,.5);border-radius:8px;padding:0 8px;background:#1b1f189e}.lap-item span{color:var(--muted);font-size:12px}.lap-item strong{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}.recognition-rail{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:9px;min-height:100vh;overflow:hidden;border-left:1px solid var(--line);background:var(--panel);padding:20px 12px 14px}.rail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rail-header h2{margin:0;font-size:20px}.rail-header p{margin:0}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.status-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "icon value";min-height:42px;align-items:center;column-gap:5px;border:1px solid var(--line);border-radius:8px;padding:7px;background:var(--panel-2)}.status-icon{display:inline-flex;grid-area:icon;flex:0 0 auto;color:var(--muted)}.status-title{grid-area:title;min-width:0;color:var(--muted);font-size:10px;line-height:1.1}.status-title span{display:block;white-space:nowrap}.status-card strong{grid-area:value;min-width:0;color:var(--text);font-size:12px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-card.ok strong,.status-card.ok .status-icon{color:var(--green)}.status-card.warn strong,.status-card.warn .status-icon{color:var(--amber)}.status-card.bad strong,.status-card.bad .status-icon{color:var(--red)}.recent-box{display:grid;gap:5px;border:1px solid rgba(84,98,77,.62);border-radius:8px;padding:9px;background:#151914}.recent-box span{color:var(--muted);font-size:12px}.recent-box strong{min-height:20px;color:var(--text);font-size:14px;line-height:1.35;overflow-wrap:anywhere}.command-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;min-height:0;overflow:auto;padding-right:1px}.command-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;align-items:center;min-height:112px;border:1px solid rgba(84,98,77,.62);border-radius:8px;padding:9px 8px;background:#171b15;overflow:hidden}.command-row.active{animation:row-flash .34s ease-in-out 6 alternate;border-color:#55df8ee0;background:#244c34ad}.command-row.confirming{border-color:#55df8ee0;background:#244c3461;box-shadow:inset 0 0 0 1px #55df8e59}.command-main{min-width:0}.command-main{display:grid;justify-items:center;gap:5px;text-align:center}.command-main strong{color:var(--text);font-size:15px;line-height:1.15}.gesture-mark{display:grid;justify-items:center;min-width:0;gap:3px;color:var(--green)}.gesture-glyph{display:grid;width:58px;height:50px;place-items:center;border:1px solid rgba(85,223,142,.42);border-radius:8px;color:var(--green);background:#55df8e14;font-size:42px;line-height:1;text-align:center}.gesture-mark[aria-label=手势：双掌] .gesture-glyph{width:70px;font-size:32px}.gesture-word{color:var(--muted);font-size:12px;font-weight:650;line-height:1;white-space:nowrap}.command-note{max-width:100%;color:var(--muted);font-size:11px;line-height:1.25;overflow-wrap:anywhere}.reset-countdown{position:absolute;top:8px;right:8px;display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:conic-gradient(rgba(85,223,142,.62) var(--reset-progress),rgba(85,223,142,.13) 0);box-shadow:0 0 0 1px #55df8e47,0 8px 18px #00000038;opacity:.86}.reset-countdown:before{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:inherit;background:#171b15c7;content:""}.reset-countdown span{position:relative;color:var(--text);font-size:14px;font-weight:750;line-height:1}@keyframes row-flash{0%{box-shadow:inset 0 0 0 1px #55df8e1a}to{box-shadow:inset 0 0 0 1px #55df8eb8,0 0 22px #55df8e29}}@keyframes completion-flash{0%{opacity:.42;transform:scale(.985)}to{opacity:1;transform:scale(1.015)}}@media(max-height:760px){.timer-stage{padding-top:22px;padding-bottom:22px}.timer-readout{font-size:clamp(176px,25svh,184px)}.timer-readout.with-hours{font-size:clamp(112px,17svh,136px)}.control-button{min-height:54px}.lap-list{min-height:0;max-height:none}.lap-item{min-height:30px}}