*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;background:transparent}#timer-app{text-align:center;padding:24px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #00000026;min-width:200px}#timer-display{font-size:48px;font-weight:700;font-variant-numeric:tabular-nums;padding:16px 24px;border-radius:8px;margin-bottom:16px;transition:background-color .3s ease,transform .1s ease,opacity .1s ease;cursor:pointer;-webkit-user-select:none;user-select:none}#timer-display:hover{opacity:.9}#timer-display:active{transform:scale(.98)}#timer-display.idle{background-color:#f0f0f0;color:#333}#timer-display.running{background-color:#4caf50;color:#fff}#timer-display.warning{background-color:#ff9800;color:#fff}#timer-display.finished{background-color:#f44336;color:#fff;animation:flash .5s ease-in-out infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:.5}}#timer-controls{margin-bottom:12px;display:flex;justify-content:center;align-items:center;gap:8px}#time-input{width:60px;padding:8px;font-size:16px;border:1px solid #ddd;border-radius:4px;text-align:center}#time-input:focus{outline:none;border-color:#4caf50}.input-label{font-size:14px;color:#666}#timer-buttons{display:flex;gap:8px;justify-content:center}button{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease,transform .1s ease,opacity .2s ease}button:active:not(:disabled){transform:scale(.95)}button:focus-visible{outline:2px solid #333;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}#start-btn{background-color:#4caf50;color:#fff}#start-btn:hover{background-color:#43a047}#start-btn.pause{background-color:#ff9800}#start-btn.pause:hover{background-color:#f57c00}#reset-btn{background-color:#9e9e9e;color:#fff}#reset-btn:hover{background-color:#757575}#time-input:disabled{background-color:#eee;cursor:not-allowed}#board-actions{margin-top:16px;padding-top:16px;border-top:1px solid #eee}#add-to-board-btn{background-color:#2196f3;color:#fff;width:100%}#add-to-board-btn:hover{background-color:#1976d2}