.round-timer-root{--rt-prepare:#38bdf8;--rt-prepare-bg:color-mix(in srgb,#0c4a6e 55%,var(--bg-secondary));--rt-prepare-clock:#e0f2fe;--rt-round:#f87171;--rt-round-bg:color-mix(in srgb,#7f1d1d 50%,var(--bg-secondary));--rt-round-clock:#fef2f2;--rt-rest:#a3a37a;--rt-rest-bg:color-mix(in srgb,#3f3f2e 55%,var(--bg-secondary));--rt-rest-clock:#f5f5dc;--rt-done:#22c55e;--rt-done-bg:rgba(22,163,74,0.14);--rt-done-clock:#ecfccb}.round-timer-root[data-ui=prepare]{--rt-accent:var(--rt-prepare);--rt-surface:var(--rt-prepare-bg);--rt-clock:var(--rt-prepare-clock)}.round-timer-root[data-ui=round]{--rt-accent:var(--rt-round);--rt-surface:var(--rt-round-bg);--rt-clock:var(--rt-round-clock)}.round-timer-root[data-ui=rest]{--rt-accent:var(--rt-rest);--rt-surface:var(--rt-rest-bg);--rt-clock:var(--rt-rest-clock)}.round-timer-root[data-ui=idle]{--rt-accent:var(--text-secondary);--rt-surface:var(--bg-secondary);--rt-clock:var(--text-primary)}.round-timer-root[data-ui=done]{--rt-accent:var(--rt-done);--rt-surface:var(--rt-done-bg);--rt-clock:var(--rt-done-clock)}.round-timer-root:fullscreen{padding:clamp(16px,4vw,32px);box-sizing:border-box;background:var(--bg)}.round-timer-display{font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.02em}.round-timer-root[data-ui=round][data-rt-urgent]{animation:rt-urgent-surface 1.1s ease-in-out infinite}.round-timer-root[data-ui=round][data-rt-urgent] .round-timer-display{color:#facc15!important}@keyframes rt-urgent-surface{0%,to{filter:brightness(1)}50%{filter:brightness(1.14)}}.round-timer-focus--tappable{cursor:pointer;border-radius:var(--radius-lg,14px);outline:1px solid color-mix(in srgb,var(--rt-accent,var(--primary)) 35%,transparent);outline-offset:2px;padding-bottom:.25rem}.round-timer-meta-top{font-size:clamp(.95rem,3.5vw,1.125rem);line-height:1.25}.round-timer-meta-bottom{max-width:28rem;margin-left:auto;margin-right:auto}.round-timer-progress{height:8px;border-radius:999px;background:var(--border);overflow:hidden;margin-bottom:1.25rem}.round-timer-progress-top{height:4px;margin-bottom:1rem;opacity:.95}.round-timer-progress-fill{height:100%;border-radius:999px;background:var(--rt-accent,var(--primary));transition:width .12s linear}.round-timer-stepper-btn{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:52px;padding:0 16px;font-size:1.75rem;font-weight:800;line-height:1;border-radius:var(--radius-md,10px);border:2px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;touch-action:manipulation}.round-timer-stepper-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--rt-accent,var(--primary)) 50%,var(--border));background:color-mix(in srgb,var(--rt-accent,var(--primary)) 8%,var(--bg-secondary))}.round-timer-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.round-timer-actions{padding:14px 12px 12px;border-radius:var(--radius-lg,14px);background:var(--bg-secondary);border:1px solid var(--border)}.round-timer-btn{position:relative;min-height:48px;min-width:112px;padding:12px 20px;font-size:clamp(15px,3.8vw,17px);font-weight:600;letter-spacing:.01em;border-radius:var(--radius-md,10px);border:none;cursor:pointer;touch-action:manipulation;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease}.round-timer-btn.text-sm{min-height:40px;min-width:0;padding:8px 14px;font-size:.8125rem;font-weight:600;letter-spacing:.01em;border-radius:var(--radius-md,10px)}.round-timer-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.round-timer-btn:focus-visible{outline:2px solid var(--rt-accent,var(--primary));outline-offset:2px}.round-timer-btn-primary{color:#fff;background:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 70%,#000);box-shadow:0 1px 2px rgba(0,0,0,.08)}.round-timer-root[data-ui=prepare] .round-timer-btn-primary{background:#0369a1;border-color:color-mix(in srgb,#0369a1 75%,#000)}.round-timer-root[data-ui=round] .round-timer-btn-primary{background:#b91c1c;border-color:color-mix(in srgb,#b91c1c 75%,#000)}.round-timer-root[data-ui=rest] .round-timer-btn-primary{background:#57534e;border-color:color-mix(in srgb,#57534e 75%,#000)}.round-timer-root[data-ui=done] .round-timer-btn-primary{background:#15803d;border-color:color-mix(in srgb,#15803d 75%,#000)}.round-timer-btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 2px 10px color-mix(in srgb,var(--rt-accent,var(--primary)) 28%,transparent)}.round-timer-btn-primary:active:not(:disabled){transform:translateY(1px);filter:brightness(.97);box-shadow:0 1px 2px rgba(0,0,0,.1)}.round-timer-btn-secondary{color:var(--text-primary);font-weight:600;letter-spacing:.01em;background:var(--bg);border:1px solid var(--border);box-shadow:none}.round-timer-btn-secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--rt-accent,var(--primary)) 45%,var(--border));background:color-mix(in srgb,var(--rt-accent,var(--primary)) 6%,var(--bg))}.round-timer-btn-secondary:active:not(:disabled){transform:translateY(1px);background:var(--bg-secondary)}@media (prefers-reduced-motion:reduce){.round-timer-btn{transition:none}.round-timer-btn-primary:active:not(:disabled),.round-timer-btn-primary:hover:not(:disabled),.round-timer-btn-secondary:active:not(:disabled),.round-timer-btn-secondary:hover:not(:disabled){transform:none}.round-timer-root[data-rt-urgent]{animation:none}.round-timer-progress-fill{transition:none}}.round-timer-input{min-height:44px;padding:10px 12px;font-size:16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);width:100%;box-sizing:border-box}.duration-roll-field{margin-top:6px}.duration-roll-label{display:block;margin-bottom:6px}.duration-roll-row{display:flex;align-items:flex-end;justify-content:center;gap:8px;flex-wrap:wrap}.duration-roll-wheel{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1 120px;min-width:0;max-width:200px}.duration-roll-sublabel{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.duration-roll-select{width:100%;min-height:52px;padding:10px 8px;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;touch-action:manipulation}.duration-roll-colon{font-size:1.75rem;font-weight:800;line-height:52px;color:var(--text-secondary);padding-bottom:2px;flex:0 0 auto}