:root{--blue:#007aff;--blue-dark:#005ed4;--blue-light:#eef6ff;--light:#f7f9ff;--text:#222}*{box-sizing:border-box}body{font-family:system-ui,Arial,sans-serif;margin:0;background:var(--light);color:var(--text);line-height:1.7}header{background:var(--blue);color:white;text-align:center;padding:30px 15px}h1{margin:0;font-size:28px}header p{margin:5px 0 0}main{max-width:950px;margin:0 auto;padding:20px;background:white;border-radius:10px;box-shadow:0 3px 10px #0000000d}.tabs,.controls,.actions{display:flex;gap:14px;margin:15px 0 22px;flex-wrap:wrap}button{min-height:52px;padding:11px 18px;border-radius:8px;cursor:pointer;font:700 15px system-ui;border:2px solid var(--blue);color:var(--blue);background:white}button:hover{background:var(--blue-light)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #007aff80;outline-offset:3px}button.primary,button[aria-selected=true]{background:var(--blue);color:white}button.primary:hover{background:var(--blue-dark)}button:disabled{opacity:.45;cursor:default}.tabs button,.controls button{flex:1}.clock{text-align:center;background:var(--blue-light);border:1px solid #d5e7ff;border-radius:10px;padding:36px 12px}.clock output{font-variant-numeric:tabular-nums;font-size:clamp(36px,8vw,76px);font-weight:700;letter-spacing:-.03em;line-height:1.3;display:block}.clock p{margin:10px 0 0;color:#4e6175}.inputs{display:flex;gap:12px;justify-content:center;align-items:end;flex-wrap:wrap;margin-bottom:22px}label{display:flex;flex-direction:column;font-weight:600}input{width:100px;padding:10px;font:inherit;border:1px solid #aebdce;border-radius:8px;min-height:50px}.presets{display:flex;justify-content:center;gap:8px;margin-bottom:18px}.presets button{min-height:40px;padding:5px 14px}.actions button{font-size:14px;min-height:42px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{text-align:right;padding:10px;border-bottom:1px solid #e5eaf1}th:first-child,td:first-child{text-align:left}th{background:var(--blue-light)}#empty{text-align:center;color:#64748b;padding:15px}section.info{border-top:1px solid #e5eaf1;margin-top:30px;padding-top:10px}h2{font-size:22px}h3{font-size:17px}details{border-bottom:1px solid #e5eaf1;padding:14px 0}summary{font-weight:600;cursor:pointer}footer{max-width:950px;margin:20px auto;text-align:center;padding:15px;color:#596579}a{color:var(--blue-dark)}[hidden]{display:none!important}#tool:fullscreen{background:white;overflow:auto;padding:30px;display:flex;flex-direction:column;justify-content:center}#tool:fullscreen .clock output{font-size:clamp(50px,12vw,160px)}@media(max-width:500px){main{padding:16px}header{padding:24px 12px}.controls{gap:8px}.controls button{padding:10px 8px}.clock{padding:30px 8px}.actions{gap:8px}h1{font-size:26px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}