body{background:#f2f2f7;margin:0;font-family:sans-serif}.page{max-width:600px;margin:auto;padding:20px}.nav{justify-content:space-between;margin-bottom:20px;display:flex}.input-row{gap:10px;margin-bottom:20px;display:flex}input{border:1px solid #ccc;border-radius:8px;flex:1;padding:10px}button{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:8px;padding:10px 16px}.card{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px;box-shadow:0 2px 6px #0000001a}.running{color:green;font-size:14px}.buttons{gap:10px;margin-top:10px;display:flex}.start{background:#22c55e}.pause{background:#f97316}.delete{background:#ef4444}.modal{background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:12px;width:80%;max-width:300px;padding:20px}.modal-buttons{justify-content:space-between;margin-top:20px;display:flex}.row{justify-content:space-between;padding:6px 0;display:flex}.total{border-top:1px solid #ddd;margin-top:10px;padding-top:10px}