:root,:root[data-theme=daybreak]{--surface: #ECEEF1;--panel: #FFFFFF;--ink: #0B1220;--ink-2: #525B68;--ink-3: #8A93A1;--track: #D5DAE1;--accent: #2563EB;--accent-ink: #1E40AF;--accent-soft: #DCE6FB;--state-warning: #F59E0B;--state-overtime: #DC2626;--radius: 14px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}:root[data-theme=o2e]{--surface: #EEF1F3;--panel: #FFFFFF;--ink: #3C3F43;--ink-2: #5A5F65;--ink-3: #9AA0A6;--track: #D7DBDE;--accent: #0099DB;--accent-ink: #006D9E;--accent-soft: #D6EFFA;--state-warning: #F59E0B;--state-overtime: #DC2626;--font: "Avenir Next", "Avenir", "Nunito Sans", system-ui, sans-serif}:root[data-theme=gotjunk]{--surface: #EEF1F4;--panel: #FFFFFF;--ink: #14233A;--ink-2: #46566E;--ink-3: #8A97A8;--track: #D6DCE3;--accent: #00539F;--accent-ink: #003E78;--accent-soft: #D4E4F2;--state-warning: #F59E0B;--state-overtime: #DC2626;--font: "Roboto", system-ui, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.camera{height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface)}.camera-hidden{flex-direction:column;gap:16px}.camera-livecam{width:42%;aspect-ratio:16 / 9;border:1.5px solid var(--track);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-weight:600}.camera-note{color:var(--ink-3);font-weight:600;font-size:14px}.face{display:flex;flex-direction:column;align-items:center;gap:14px}.face-mini{gap:10px}.face-label{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-2);font-weight:700}.face-mini .face-label{font-size:11px;letter-spacing:2px}.face-ring{display:block}.face-chip{font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:700}.face-mini .face-chip{font-size:10px}.panel{max-width:360px;margin:0 auto;min-height:100%;padding:16px;display:flex;flex-direction:column;gap:12px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head strong{font-size:16px}.badge{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);padding:4px 10px;border-radius:999px}.panel-preview{display:flex;justify-content:center;padding:10px;background:var(--panel);border:1px solid var(--track);border-radius:var(--radius)}.btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:inherit;background:var(--accent);color:#fff;font-weight:600;font-size:18px;padding:14px;border-radius:var(--radius);transition:transform .08s ease}.btn-primary:active{transform:scale(.99)}.btn-show{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:15px;background:var(--accent-soft);color:var(--accent-ink);border:1.5px solid var(--accent);padding:12px;border-radius:var(--radius)}.btn-show.on{background:var(--panel);color:var(--ink-2);border-color:var(--track)}.row{display:flex;gap:8px}.row>*{flex:1}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-weight:700;background:var(--panel);color:var(--ink);border:1.5px solid var(--track);padding:10px;border-radius:var(--radius)}.btn:disabled{opacity:.45;cursor:not-allowed}.seg{display:flex;border:1.5px solid var(--track);border-radius:var(--radius);overflow:hidden}.seg button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-weight:700;background:var(--panel);color:var(--ink-2);border:none;padding:10px}.seg .seg-on{background:var(--accent);color:#fff}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-weight:700;background:var(--panel);color:var(--ink);border:1.5px solid var(--track);padding:8px 14px;border-radius:999px;min-width:44px}.chip-on{background:var(--accent);color:#fff;border-color:var(--accent)}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-2);font-weight:700}.field input{font-family:inherit;font-size:15px;color:var(--ink);font-weight:500;padding:10px;border:1.5px solid var(--track);border-radius:var(--radius);background:var(--panel)}.field input::placeholder{color:var(--ink-3)}.preview-link{color:var(--accent-ink);font-weight:700;text-decoration:none;margin-top:4px}.preset-source{color:var(--ink-3);font-weight:600;font-size:11px;margin-top:-2px}.preset-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.preset-row{display:flex;gap:6px}.preset-apply{flex:1;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;background:var(--panel);border:1.5px solid var(--track);border-radius:var(--radius);padding:8px 12px;display:flex;flex-direction:column;gap:2px;color:var(--ink)}.preset-apply strong{font-weight:700;font-size:14px}.preset-apply small{color:var(--ink-3);font-weight:600;font-size:12px}.preset-del{flex:0 0 auto;width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;background:var(--panel);border:1.5px solid var(--track);border-radius:var(--radius);color:var(--ink-2);font-size:18px;font-weight:700}.thresh{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1.5px solid var(--track);border-radius:var(--radius);padding:10px 12px}.thresh-row{display:flex;align-items:center;justify-content:space-between}.thresh-row>span{color:var(--ink);font-weight:600}.stepper{display:flex;align-items:center;gap:8px}.thresh-time{min-width:54px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-2)}.step{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;width:30px;height:30px;border-radius:8px;border:1.5px solid var(--track);background:var(--panel);color:var(--ink);font-size:16px;font-weight:700;line-height:1}.sound-row{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-weight:600;font-size:13px;cursor:pointer}.sound-row input{width:16px;height:16px;accent-color:var(--accent)}.face-arc{transition:stroke .45s cubic-bezier(.25,1,.5,1)}.face-digits{transform-box:fill-box;transform-origin:center;animation:tick .26s cubic-bezier(.22,1,.36,1)}@keyframes tick{0%{opacity:.72;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.face-arc-pulse{animation:arcPulse 1.1s ease-in-out infinite}@keyframes arcPulse{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-reduced-motion: reduce){.btn-primary{transition:none}.btn-primary:active{transform:none}.face-digits{animation:none}.face-arc{transition:none}.face-arc-pulse{animation:none}}