*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;max-width:800px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,sans-serif}h1{color:#333;margin-bottom:20px}.timer-form{background:#fff;border-radius:8px;gap:10px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 1px 3px #0000001a}.timer-form input{border:1px solid #ddd;border-radius:4px;flex:1;padding:10px;font-size:14px}.timer-form button{color:#fff;cursor:pointer;white-space:nowrap;background:#4a90d9;border:none;border-radius:4px;padding:10px 20px;font-size:14px}.timer-form button:hover{background:#357abd}.timer-item{background:#fff;border-radius:8px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.timer-item h3{color:#333;margin-bottom:10px}.timer-controls{align-items:center;gap:10px;display:flex}.timer-controls .elapsed{font-variant-numeric:tabular-nums;color:#555;min-width:80px;font-size:18px}.timer-controls .elapsed.running{color:#2e7d32;font-weight:600}.timer-controls .active-dot{background:#4caf50;border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulse;display:none}.timer-controls .active-dot.visible{display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.timer-controls button.start-timer{color:#4a90d9;cursor:pointer;background:#fff;border:1px solid #4a90d9;border-radius:4px;padding:4px 12px;font-size:12px}.timer-controls button.start-timer:hover{color:#fff;background:#4a90d9}.timer-controls button.pause-timer{color:#e67e22;cursor:pointer;background:#fff;border:1px solid #e67e22;border-radius:4px;padding:4px 12px;font-size:12px}.timer-controls button.pause-timer:hover{color:#fff;background:#e67e22}.timer-controls button.delete-timer{color:#d9534f;cursor:pointer;background:#fff;border:1px solid #d9534f;border-radius:4px;margin-left:auto;padding:4px 12px;font-size:12px}.timer-controls button.delete-timer:hover{color:#fff;background:#d9534f}#timers-list .empty{text-align:center;color:#999;padding:40px}