.clock-page{padding-bottom:45px}.clock-page .page-intro h1{font-size:clamp(43px,7vw,88px)}.clock-panel{max-width:900px;margin:auto;text-align:center;background:radial-gradient(ellipse at 50% 45%,#293c27 0,transparent 70%),var(--panel);padding:34px 40px}.clock-tabs{display:flex;gap:8px;max-width:490px;margin:auto;padding:6px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.clock-tabs button{flex:1;border:0;background:transparent;color:var(--muted);border-radius:8px;padding:13px 10px;cursor:pointer;font-weight:700;font-size:15px}.clock-tabs button[aria-selected=true]{background:var(--green);color:#15200c}.clock-caption{margin:38px 0 14px}.clock-display{font-size:clamp(42px,8vw,94px);line-height:1.2;font-weight:700;letter-spacing:-3px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 0 30px}.clock-fraction{font-size:.48em;color:var(--green);letter-spacing:-1px}.clock-actions{justify-content:center;gap:12px;margin:26px 0}.clock-actions .button{min-width:130px;justify-content:center;font-size:16px}.clock-actions .button:disabled{opacity:.4;cursor:default;transform:none}.clock-inputs{display:flex;justify-content:center;align-items:end;gap:13px}.clock-inputs label{display:grid;gap:7px;font-size:12px;color:var(--muted);text-align:left}.clock-inputs input{width:90px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-size:24px;text-align:center;padding:11px 8px;font-variant-numeric:tabular-nums}.clock-inputs>span{padding-bottom:11px;font-size:25px;color:var(--muted)}.clock-inputs input:disabled{opacity:.55}.clock-presets{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0}.clock-presets button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:20px;padding:5px 15px;font-size:12px;cursor:pointer}.clock-presets button:not(:disabled):hover{border-color:var(--green);color:var(--green)}.clock-presets button:disabled{opacity:.4;cursor:default}.clock-sound{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.clock-sound input{accent-color:var(--green);width:17px;height:17px}.clock-panel [hidden]{display:none!important}.clock-error{color:#ffb7a6;font-size:14px;margin:12px 0 0;min-height:20px}.clock-alarm{margin:25px 0 10px;border-color:var(--green);text-align:center}.clock-alarm strong{font-size:28px;color:var(--green)}.clock-alarm p{margin:5px 0 15px}.clock-lap-heading,.clock-laps li{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:10px;text-align:right;padding:11px 0}.clock-lap-heading{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.clock-lap-heading span:first-child,.clock-laps li span:first-child{text-align:left}.clock-laps{list-style:none;padding:0;margin:0;max-height:280px;overflow:auto}.clock-laps li{font-size:14px;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--line)}.clock-laps li:first-child{color:var(--green)}@media(max-width:600px){.clock-panel{padding:24px 16px}.clock-tabs button{font-size:13px}.clock-display{font-size:clamp(33px,10vw,58px);letter-spacing:-1.7px}.clock-inputs{gap:8px}.clock-inputs input{width:68px;font-size:22px}.clock-actions{gap:9px}.clock-actions .button{min-width:88px;padding:13px;font-size:14px}.clock-laps li{font-size:12px}}