:root{--paper:#f7f7f2;--ink:#232c29;--muted:#707a73;--line:#dce2d9;--orange:#e66743;--green:#e4eddf;--accent:#37734c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif}header,main,footer{max-width:1440px;margin:auto;padding:0 40px}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}a{color:inherit;text-decoration:none}.brand{font-size:28px;font-weight:800;letter-spacing:-1.5px}.brand span{color:var(--orange)}.header-note,.eyebrow{font:700 10px/1.5 system-ui;letter-spacing:2px;color:var(--muted)}header>a:last-child{font-size:13px}.intro{display:flex;justify-content:space-between;align-items:center;padding:42px 0 32px;gap:25px}h1{font-size:clamp(28px,4vw,48px);line-height:1.4;letter-spacing:-1.5px;margin:12px 0}h1 span{color:var(--orange)}.intro p{color:var(--muted);margin:0}.summary{background:var(--green);border-radius:18px;padding:22px 30px;min-width:200px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:250px}.summary strong{font-size:34px;font-variant-numeric:tabular-nums}.summary>div{width:100%;border-top:1px solid #ccd9c5;padding-top:12px;color:var(--muted);font-size:12px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.workspace{border:1px solid var(--line);border-radius:18px;background:#eeefe8;padding:22px}.toolbar,.batch{display:flex;justify-content:space-between;gap:16px;align-items:end}.session-label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);width:min(100%,400px)}input{font:inherit;background:white;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-width:0}button{font:600 13px/1.5 system-ui;cursor:pointer;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 14px;min-height:42px}button:hover{filter:brightness(.96)}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #e6674388;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.primary{background:var(--ink);border-color:var(--ink);color:white}.add-controls{display:flex;align-items:center;gap:9px}.add-controls label{font-size:12px;color:var(--muted)}#quantity{width:68px}.batch{padding:18px 0;align-items:center}.batch>div{display:flex;gap:8px;flex-wrap:wrap}.quiet{background:transparent}.timers{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.timer{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0}.timer.active{border-color:#83a889;box-shadow:inset 0 3px 0 #61956c}.card-top{display:flex;gap:8px;align-items:center}.number{color:var(--muted);font-size:10px;font-weight:700;min-width:22px}.name{font-size:15px;font-weight:650;border:1px solid transparent;background:#f7f8f4;width:100%;padding:6px 8px}.delete{font-size:18px;border:0;padding:0;min-height:32px;width:30px;background:none;color:#8c958b}.status{font-size:11px;color:var(--muted);margin:14px 0 2px}.active .status{color:var(--accent)}.clock{font:500 clamp(32px,3.3vw,46px)/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:-1.5px;white-space:nowrap}.actions{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:8px;margin:16px 0}.toggle{background:var(--ink);border-color:var(--ink);color:white}.active .toggle{background:#e7efe3;color:#285c38;border-color:#d0dfc9}.lap-stats{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.laps{max-height:155px;overflow:auto;margin-top:8px;font-size:12px}.lap-row{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid #f0f2ec;font-variant-numeric:tabular-nums}.lap-row>span:first-child{color:var(--muted)}.lap-empty{color:#90988e;font-size:12px;padding:6px 0}.compact .laps,.compact .lap-stats,.compact .status{display:none}.compact .timer{padding:12px}.compact .clock{font-size:32px;margin-top:9px}.compact .actions{margin-bottom:0}.local-note{font-size:11px;color:var(--muted);margin:20px 0 0}.guide{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin:42px 0}h2{font-size:25px;letter-spacing:-.7px}.guide ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:step}.guide li:before{counter-increment:step;content:'0' counter(step);display:block;color:var(--orange);font:700 13px ui-monospace;margin-bottom:10px}.guide li b{display:block;font-size:14px}.guide li span{font-size:12px;color:var(--muted)}.notes{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding:22px 0;max-width:1000px}.notes p{margin:8px 0}footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}#empty{text-align:center;padding:40px;color:var(--muted)}#warning{padding:14px;background:#fff0d8;border-radius:10px;margin-bottom:14px;font-size:13px}@media(min-width:1300px){.timers{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){header,main,footer{padding-left:20px;padding-right:20px}.header-note{display:none}.intro{padding-top:28px}.summary{min-width:140px;padding:16px;max-width:170px}.summary>span:not(.live-dot){font-size:11px}.toolbar,.batch{align-items:stretch;flex-direction:column}.session-label{width:100%}.workspace{padding:14px}.add-controls{justify-content:flex-end}.batch>div{gap:6px}.guide{grid-template-columns:1fr;gap:0}.guide ol{gap:16px}.clock{font-size:40px}footer>span{display:none}}@media(max-width:480px){.intro{align-items:start}.summary{min-width:95px;max-width:115px;padding:12px;gap:4px}.summary strong{font-size:28px}.summary>div{font-size:10px}.intro p{font-size:12px}.guide ol{grid-template-columns:1fr}.timers{grid-template-columns:1fr}button{padding:10px 11px}.add-controls{justify-content:start}}

.session-label{display:block}.session-label input{display:block;width:100%;margin-top:7px}.optional{opacity:.7;font-weight:400}.timers .actions{grid-template-columns:1.2fr .9fr .9fr}.timer button{padding-left:8px;padding-right:8px}