.watch-hero-art{background:#edf3ee;border:1px solid #d4e1d8;border-radius:26px;padding:38px 30px;min-width:0}.watch-hero-art>.eyebrow{font-size:.7rem}.watch-art-digits{font-size:clamp(3rem,5vw,5rem);letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin:28px 0}.watch-art-digits>span{color:var(--muted);font-size:.65em}.watch-art-row{display:grid;grid-template-columns:.75fr 1fr 1fr;gap:12px;align-items:center;border-top:1px solid #d4e1d8;padding:17px 0;font-size:.8rem}.watch-art-row>strong{font-variant-numeric:tabular-nums;font-weight:500}.watch-art-row>:last-child{text-align:right}.watch-hero-art>p{font-size:.8rem;color:var(--muted);margin:20px 0 0}.watch-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:22px;align-items:start}.watch-workspace>.tool-card{margin:0;min-width:0}.watch-clock{padding:26px;text-align:center}.watch-clock .actions{justify-content:center;margin:15px 0}.watch-digits{font-size:clamp(3rem,6vw,6rem);line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.055em;margin:25px 0 15px;overflow-wrap:anywhere}.watch-context{font-size:1.1rem;overflow-wrap:anywhere}.watch-current{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.95rem}.watch-signal{min-height:1.4em;font-weight:600;font-size:.85rem}.watch-clock[data-overtime=true]{border:2px solid var(--danger)}.watch-clock[data-overtime=true] .watch-signal{color:var(--danger)}.watch-setup h2,.watch-options h2,.watch-results h2{font-size:1.2rem;margin:0 0 20px}.watch-setup fieldset{border:0;padding:0;margin:0;min-width:0}.watch-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.watch-fields .field{min-width:0;font-size:.82rem}.watch-fields :is(input,select,textarea){width:100%;min-width:0}.watch-fields .wide{grid-column:1/-1}.watch-setup .help-text{font-size:.77rem;line-height:1.7}.watch-metrics{margin-top:25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.watch-metric{background:var(--surface-soft);border-radius:10px;padding:15px;min-width:0}.watch-metric small{display:block;color:var(--muted);font-size:.72rem;margin-bottom:9px}.watch-metric strong{font-size:1.05rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:550}.watch-options{margin-top:24px}.watch-options>.watch-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-options .actions{margin-top:22px;gap:20px}.watch-results{margin-top:24px;min-width:0}.watch-results .section-heading{flex-wrap:wrap;gap:15px;align-items:center}.watch-results .section-heading h2{margin-bottom:8px}.watch-results .section-heading .help-text{margin:0}.watch-table-wrap{max-width:100%;overflow-x:auto}.watch-table{width:100%;border-collapse:collapse;text-align:left;font-size:.82rem}.watch-table th{font-weight:600;background:var(--surface-soft);white-space:nowrap}.watch-table th,.watch-table td{padding:14px 12px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.watch-table td{white-space:nowrap}.watch-table input[type=text]{width:170px;font-size:.85rem}.watch-table input[type=checkbox]{width:20px;height:20px}.watch-table .watch-excluded{color:var(--muted);background:var(--surface-soft)}.watch-study-totals{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.watch-study-totals>p{background:var(--surface-soft);padding:16px;border-radius:10px;font-size:.83rem;line-height:1.7;margin:0}.watch-confirm{border:1px solid var(--control-border);border-radius:12px;padding:18px;margin-top:20px;text-align:left;background:var(--surface-soft)}.watch-confirm .actions{justify-content:flex-start}.watch-board-setup form{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.watch-board-setup .field{flex:1;min-width:200px}.watch-board-setup .field :is(input,textarea){width:100%;min-width:0}.watch-board-setup .error{flex-basis:100%}.watch-board-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:start}.watch-board-total{font-size:2.2rem;font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:15px 0 0;overflow-wrap:anywhere}.watch-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:25px}.watch-card{background:var(--surface);border:1px solid var(--border);padding:23px;border-radius:15px;min-width:0}.watch-card[data-running=true]{border:2px solid var(--accent);background:#f5f8f4;padding:22px}.watch-card h2{font-size:1.05rem;overflow-wrap:anywhere;margin:0 0 12px}.watch-card-clock{font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,3.5vw,3.4rem);letter-spacing:-.035em;margin:18px 0;overflow-wrap:anywhere}.watch-card .actions{gap:8px}.watch-card .button{padding:10px 14px}.watch-card .help-text{font-variant-numeric:tabular-nums;line-height:1.8}.watch-board-surface>.actions{margin-top:20px}.watch-clock:fullscreen,.watch-board-surface:fullscreen{background:var(--canvas);padding:35px;overflow:auto;border-radius:0}.watch-clock:fullscreen{display:flex;flex-direction:column;justify-content:safe center}.watch-clock:fullscreen .watch-digits{font-size:clamp(4rem,13vw,13rem)}.watch-clock:fullscreen .studio-topbar{width:100%}.watch-page [hidden]{display:none!important}.watch-page .field{min-width:0}.watch-page input,.watch-page textarea,.watch-page select{max-width:100%}
@media(max-width:850px){.watch-workspace{grid-template-columns:1fr}.watch-options>.watch-fields{grid-template-columns:1fr 1fr}.watch-options>.watch-fields>.field:last-child{grid-column:1/-1}.watch-digits{font-size:clamp(3rem,10vw,6rem)}.watch-hub .studio-hero{gap:25px}.watch-hero-art{padding:30px}}
@media(max-width:500px){.watch-board,.watch-fields,.watch-options>.watch-fields{grid-template-columns:1fr}.watch-clock{padding:22px 15px}.watch-digits{font-size:clamp(2.5rem,13vw,4rem)}.watch-art-digits{font-size:3.6rem}.watch-art-row{gap:8px}.watch-hero-art{padding:25px 20px}.watch-board-toolbar{flex-direction:column}.watch-board-setup form{align-items:stretch;flex-direction:column}.watch-board-setup .field{min-width:0}.watch-board-surface:fullscreen,.watch-clock:fullscreen{padding:18px}.watch-clock:fullscreen .watch-digits{font-size:13vw}.watch-results,.watch-setup,.watch-options{padding:22px 18px}.watch-page :is(input,select,textarea){font-size:1rem}.watch-card-clock{font-size:2.6rem}}
@media(forced-colors:active){.watch-card[data-running=true]{border:3px solid Highlight}.watch-clock[data-overtime=true]{border:3px solid Highlight}.watch-art-row,.watch-hero-art{border-color:CanvasText}}